EasyUI之动态隐藏toolbar按钮

最新推荐文章于 2021-10-03 12:56:52 发布

原创最新推荐文章于 2021-10-03 12:56:52 发布 · 1.7k 阅读

3 ·

CC 4.0 BY-SA版权

EasyUI 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一段JavaScript代码，用于在EasyUI框架中控制Datagrid组件上的按钮显示。具体实现了隐藏添加按钮(add)，保留删除按钮(delete)的功能，并探讨了在权限控制下隐藏整个toolbar的策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function easyRightDisplay() {
    //获取所有的toolbar按钮
    var button=$('div.datagrid div.datagrid-toolbar a'); 
    for (var i = 0; i < button.length; i++) {
        var toolbar = button[i];
        var id = toolbar.id;
        if (id == "add") {  //隐藏Id为add的按钮
            $('div.datagrid div.datagrid-toolbar a').eq(i).hide();
        }
        if (id == "delete") {  //不隐藏id为delete的按钮
            //button.eq(i).hide();
        }
        //如果按钮都没权限，隐藏了可直接隐藏toolbar
        //$('div.datagrid div.datagrid-toolbar').hide();
    }