主页 / coding / 问题 / 78974925
Accepted
Jason Bourne
Asked: 2024-09-12 00:51:03 +0800 CST

向交互式网格工具栏添加切换按钮

  • 772

我一直在寻找各种方法来自定义交互式网格工具栏。所有文档都声称支持切换项，但没有包含所需的 jQuery 语法，我似乎无法成功实现。当我将交互式网格区域设置的初始化 JavaScript 函数部分底部附带的代码包含在内时，我收到以下错误c.get is not a function

任何帮助都将不胜感激。

function(config) {
    let $           = apex.jQuery,
      toolbarData   = $.apex.interactiveGrid.copyDefaultToolbar(),
      toolbarGroup  = toolbarData.toolbarFind("actions4");
  
    toolbarGroup.controls.push({type: "TOGGLE",
                            action: "toggle-comment"
                           });
    config.initActions = function(actions){
    actions.add({
        name: "toggle-comment",
        action: function(event, focusElement) {
            if (focusElement.value == true) {
                gridView = apex.region("criteria-list").call("getViews").grid;
                gridView.view$.grid("showColumn", "COMMENT_TEXT");
            } else {
                gridView = apex.region("criteria-list").call("getViews").grid;
                gridView.view$.grid("hideColumn", "COMMENT_TEXT");
            };
        }
    });
    }
    config.toolbarData = toolbarData;
    return config;
}

jquery

1 个回答

  1. Best Answer

    c.get 中的“c”来自最小化的 JavaScript 文件。要获得更直观的错误消息，请将页面置于调试模式 (INFO)。在调试模式下，将加载原始脚本。消息将变为：“lAction.get 不是函数”。对于切换操作，需要 get 和 set 函数。因此 APEX 可以知道切换的状态。您必须维护此状态。可以这样做：

    function(config) {
    let $           = apex.jQuery,
      toolbarData   = $.apex.interactiveGrid.copyDefaultToolbar(),
      toolbarGroup  = toolbarData.toolbarFind("actions4");
  
    toolbarGroup.controls.push({type: "TOGGLE",
                            action: "toggle-comment"
                           });
    config.initActions = function(actions){
        actions.add({
            name: "toggle-comment",
            label: "Show/Hide Comments",
            showColumn: true,  // state of the toggle; initially true
            set: function(showColumn) {
                this.showColumn = showColumn;
                gridView = apex.region("criteria-list").call("getViews").grid;
                gridView.view$.grid(this.showColumn ? "showColumn" : "hideColumn", "COMMENT_TEXT");                
            },
            get: function()
            {
                return this.showColumn;
            }
        });
    }
    config.toolbarData = toolbarData;
    return config;
}
    • 0

相关问题