Oracle Apex中隐藏交互式报表(IG)工具栏编辑按钮的方法
隐藏交互式报表(IG)工具栏中的单个编辑按钮方法
可以通过JavaScript定位到操作菜单内的编辑按钮并单独隐藏,无需禁用整个操作菜单,具体实现如下:
方法一:利用APEX交互式报表就绪事件(推荐)
在页面的动态动作中创建触发事件为「页面加载」的动作,或者直接在交互式报表的「JavaScript初始化代码」中添加以下代码:
// 监听IG组件初始化完成事件 apex.jQuery(document).on('interactivegridviewready', function(event, ui) { // 替换为你的IG静态ID(例如"emp_report_ig",可在IG属性面板中查看) const igStaticId = "YOUR_IG_STATIC_ID"; // 定位操作菜单中的编辑按钮 const editBtn = apex.jQuery(`#${igStaticId} [data-action="edit"]`); // 隐藏按钮 editBtn.hide(); });
方法二:使用CSS隐藏
如果不需要动态控制,也可以通过自定义CSS实现:
/* 替换为你的IG静态ID */ #YOUR_IG_STATIC_ID [data-action="edit"] { display: none !important; }
注意事项
- 务必替换代码中的
YOUR_IG_STATIC_ID为实际的交互式报表静态ID,可在组件属性的「高级」标签页中找到 - 若按钮的
data-action属性值不是edit,可通过浏览器开发者工具(F12)查看按钮元素的属性,调整选择器匹配规则 - 旧版本APEX中,按钮的选择器可能略有不同,可通过查看元素的class或其他属性调整定位逻辑
内容的提问来源于stack exchange,提问作者Velocity
相关产品推荐
相关产品推荐

