EasyUI之动态隐藏toolbar按钮

最新推荐文章于 2023-03-29 10:35:24 发布

原创最新推荐文章于 2023-03-29 10:35:24 发布 · 1.8k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

EasyUI 专栏收录该内容

11 篇文章

订阅专栏

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

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();
    }