Oracle APEX:IG Interactive Grid 批量修改功能的实现以及增加一个菜单!–更新待续

大家好,这篇文章也是APEX IG教程系列里的!大家看了前面的文章,需要多多练习,多多体会代码的作用! 相信水平都会有很大幅度的提高!

当然Oracle APEX里的标准功能很好用,也足够应付常见的需求了!

然后锦上添花还是有必要的,比如说我们目前需要有一个批量调整一列的值,做么做呢?

具体需求是:salary 栏位批量增加10%!

我们首先要来分析一下这个需求:

1: 用户需要有个地方去告诉系统,我要增加10%  =>很自然的就能想到,我们最方便的地方就是扩展系统的action,增加一个菜单

2:我们真的需要实现界面上Salary栏位批量增加10%,就像excel 公式往下一拖就ok的这种!

我们还是先看效果吧,

那么怎么实现的呢?因为制作过程比较长,我分以下几个步骤来实现:

1:Action里增加菜单,这里附带上JS,直接复制就可以了

function(config) {
config.initActions = function(actions) {
var dialogMessageTemplate = null;

actions.add({
name: “selection-increase-salary”,
//action动作里的一些属性
labelKey: “INCREASE_SAL”,
icon: “fa fa-usd fam-arrow-up”, //图标
action: function() {
var ig$ = $(actions.context);
view = ig$.interactiveGrid(“getCurrentView”);

if ( view.supports.edit ) {
if ( !dialogMessageTemplate ) {
dialogMessageTemplate = $(“#dlgText”).html();
}
// 打开模式对话框,并且把选中的行数显示
$(“#dlgText”).html( apex.util.applyTemplate( dialogMessageTemplate, {
placeholders: { COUNT: ig$.interactiveGrid(“getSelectedRecords”).length }
} ) );
apex.theme.openRegion(“increaseSalaryDialog”);
}
}
});
}
config.defaultGridViewOptions = {
persistSelection: true
};
return config;
}

2:弹出对话框 , 点这个链接进去看

3:对话框输入%比后点确认后,执行JS代码

其中IncreaseSalary函数

APEX专家普通

打赏 收藏 海报 链接