扩展easyui datagrid的两个方法.动态添加和删除toolbar

01	$.extend($.fn.datagrid.methods, {

02	addToolbarItem : function (jq, items) {

03	return jq.each(function () {

04	var dpanel = $(this).datagrid('getPanel');

05	var toolbar = dpanel.children("div.datagrid-toolbar");

06	if (!toolbar.length) {

07	toolbar = $("<div class=\"datagrid-toolbar\"><table cellspacing=\"0\" cellpadding=\"0\"><tr></tr></table></div>").prependTo(dpanel);

08	$(this).datagrid('resize');

09

}

10	var tr = toolbar.find("tr");

11	for (var i = 0; i < items.length; i++) {

12	var btn = items[i];

13	if (btn == "-") {

14	$("<td><div class=\"datagrid-btn-separator\"></div></td>").appendTo(tr);

15

} else {

16	var td = $("<td></td>").appendTo(tr);

17	var b = $("<a href=\"javascript:void(0)\"></a>").appendTo(td);

18	b[0].onclick = eval(btn.handler || function () {});

19	b.linkbutton($.extend({}, btn, {

20	plain : true

21

}));

22

}

23

}

24

});

25

},

26	removeToolbarItem : function (jq, param) {

27	return jq.each(function () {

28	var dpanel = $(this).datagrid('getPanel');

29	var toolbar = dpanel.children("div.datagrid-toolbar");

30	var cbtn = null;

31	if (typeof param == "number") {

32	cbtn = toolbar.find("td").eq(param).find('span.l-btn-text');

33	} else if (typeof param == "string") {

34	cbtn = toolbar.find("span.l-btn-text:contains('" + param + "')");

35

}

36	if (cbtn && cbtn.length > 0) {

37	cbtn.closest('td').remove();

38	cbtn = null;

39

}

40

});

41

}

42

});

 

 

用法：

 

1	$('#tt').datagrid("addToolbarItem",[{"text":"xxx"},"-",{"text":"xxxsss","iconCls":"icon-ok"}])

 

1	$('#tt').datagrid("removeToolbarItem","GetChanges")//根据btn的text删除

 

1	$('#tt').datagrid("removeToolbarItem",0)//根据下标删除