easyui_动态添加隐藏toolbar按钮

目标：动态添加隐藏toolbar，比如根据权限动态显示新增、修改、删除按钮等

思路：先初始化toolbar的所有按钮，加载datagrid其它信息，再根据权限显示隐藏toolbar按钮

步骤：

1、加载步骤

$(function() {

easyToolbarInit(); //初始化toolbar按钮

easyInitGrid({title:"管理",url:"/sa/add"}); //加载datagrid其它信息，如列等

easyToolbarDisplay(); //根据权限显示/隐藏 toolbar按钮张

});

2、初始化toolbar按钮(按钮的id为后面使用的标识信息，这里最好用完整信息，防止和其它id冲突)

//初始化toolbar按钮

function easyToolbarInit() {

$('#grid').datagrid({

toolbar : [ {

id : 'add',

text : '添加',

iconCls : 'icon-add',

height : 50,

handler : function() {

gridAdd();

}

}, '-', {

id : 'delete',

text : '删除',

iconCls : 'icon-remove',

height : 50,

handler : function() {

gridDelete();

}

} ]

});

}

3、加载datagrid其它信息

4、根据权限显示/隐藏 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();

}

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/gossip/p/5439984.html

easyui_动态添加隐藏toolbar按钮相关推荐

jQuery动态添加、删除按钮及input输入框
效果图 div <tr><td class="column-title"><label>*******</label></td ...
pyqt5动态添加按钮
QMainWindow动态添加按钮,添加后需要调用show(),才可以显示出来. self.start_file_aaa = QPushButton(self) self.start_file_aaa ...
mfc---手动给toolbar按钮添加消息View中
手动给toolbar按钮添加消息View中: .h: afx_msg void OnButtonBG(); .cpp: ON_COMMAND(ID_BUTTON_BG,OnButtonBG) .cpp ...
iOS开发：动态添加按钮
想要的效果是,单击一个已有的按钮后自动创建一个新的按钮,并为新按钮添加事件,使得单击时弹出提示框. 1.运行Xcode 4.2,新建一个Single View Application工程,取名Dyna ...
java 动态按钮_java-向片段动态添加按钮
我一直在尝试向片段动态添加按钮,但是我尝试过的所有方法都不起作用. 这些是我尝试过的一些方法: 1. public View onCreateView(LayoutInflater inflater, ...
Iphone NSMutableArray,NSMutableDictionary AND 动态添加按钮
一.NSMutableDictionary NSMutableDictionary * tags: 1.NSMutableDictionary 添加内容: [tags setValue:xxx fo ...
hexo+yilia添加隐藏左边栏目按钮
文章目录添加隐藏左边栏目按钮制作按钮样式添加按钮到相应的位置结合我的配置进行修改修改位置事件响应响应式:手机端隐藏按钮 :bug: 效果图: 点击按钮时,缩进左侧边栏,再次点击再弹出来. ...
java表格点击添加按钮一行_JavaScript_JQuery实现动态表格点击按钮表格增加一行，功能实现：点击添加按钮，表 - phpStudy...
JQuery实现动态表格点击按钮表格增加一行功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取点击删除,自动删除这一行 JQuery中定义一个count变量 var coun ...
jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...

easyui_动态添加隐藏toolbar按钮

easyui_动态添加隐藏toolbar按钮相关推荐

最新文章

热门文章