easyUI中toolbar中button禁止与隐藏

最新推荐文章于 2024-11-25 06:18:09 发布

原创最新推荐文章于 2024-11-25 06:18:09 发布 · 1.4w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #button

easyui 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在EasyUI框架中如何根据用户权限控制Datagrid组件中的按钮显示与禁用状态，通过Ajax请求后端获取权限信息，并利用jQuery选择器实现按钮的隐藏与禁用。

近期一个项目用到了easyUI，在使用过程中，遇到了一些个人觉得值得记录的注意点，片段化，在此记录谨供个人自由回忆，不保证质量！

在datagrid中根据权限需要隐藏或禁止部分Button，

 toolbar:[//工具条
                    {id:"addId",text:"新增用户",iconCls:"icon-add",handler:function(){//回调函数}
        ]

            //隐藏工具按钮
onLoadSuccess:function(){
    buttonHandle(buttonUrl);
}
。。。。。。
function buttonHandle(url) {
    $.ajax({
        type: 'post',
        url: url,
        cache:false,
        dataType:'json',
        success:function(result){
            if (!result.add) {
                $('#addId').hide();//button隐藏
                //  $('#addId').linkbutton("disable");  //禁止button
            }
        } ,
        error:function(result){
            $.meesager.show({
                title:result.status , 
                msg:result.message
            });
        }
    });


----------


//启用
$('#addId').linkbutton("enable");  
//显示    
$('#addId').show();