使用 jQuery 最大化区域

Question

我在 oracle apex 中有一个交互式网格区域，我希望能够通过位于工具栏最右侧的切换按钮将其最大化。 切换按钮本身的自定义相对简单，但我正在努力解决如何实现最大化功能。 我包含了迄今为止位于交互式网格的“初始化 JavaScript 函数”部分中的代码。

function(config) {
    let $           = apex.jQuery,
    toolbarData     = $.apex.interactiveGrid.copyDefaultToolbar(),
    toolbarGroup    = toolbarData.toolbarFind("actions4");

    toolbarGroup.controls.push(
        {
            type: "TOGGLE",
            action: "maximize-region",
            icon: "fa fa-expand"
        }
    );

    config.initActions = function(actions){
        actions.add({
            name: "maximize-region",
            maximize: false,  
            set: function(maximize) {
                this.maximize = maximize;
                //jQuery to maximize the region would go here
            }, get: function() {
                return this.maximize;
            }
        });
    }

    config.toolbarData = toolbarData;
    return config;

}

任何帮助将不胜感激！

Answer 1

我不确定它是否得到很好的支持，但你可以尝试这样。假设您使用“交互式报告”模板。

1. 在模板选项上，选中“显示最大化按钮”。这将“解锁”模板中的相关功能

2. 使用下一个代码：

   config.initActions = 函数（动作）{ 动作.add({ 名称：“最大化区域”， 最大化：假，
   设置：函数（最大化）{ this.maximize = 最大化； //最大化区域的 jQuery 将放在这里 如果（最大化） { $('#'+config.regionStaticId).addClass('is-maximized'); } 别的 { $('#'+config.regionStaticId).removeClass('is-maximized'); } }, 获取: 函数() { 返回 this.maximize; } }); }