思路:先初始化toolbar的所有按钮,加载datagrid其它信息,再根据权限显示隐藏toolbar按钮
步骤:
1、加载步骤
1
2
3
4
5
$(function() {
easyToolbarInit(); //初始化toolbar按钮
easyInitGrid({title:"管理",url:"/sa/add"}); //加载datagrid其它信息,如列等
easyToolbarDisplay(); //根据权限显示/隐藏 toolbar按钮 张
});2、初始化toolbar按钮(按钮的id为后面使用的标识信息,这里最好用完整信息,防止和其它id冲突)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//初始化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按钮
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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();
}