思路：先初始化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();
}
|