使用jqgrid添加标题底部的工具栏

我想添加一个更多的工具栏与标题底部的不同button。 有什么可能吗?

用过的

toolbar: [true,"top"] or toolbar: [true,"bottom"] 

它显示相同的工具栏…在底部工具栏包含添加,编辑,删除button..我想在顶部的工具栏进行更改仅包含添加button..&底部工具栏包含编辑,删除,刷新等,

谢谢,

可能你误解了jqGrid的toolbar参数。 也许你想使用具有cloneToTop: true Navigator ,如果你另外定义了toppager: true jqGrid选项,那么这个工作就行了。 这个选项克隆了jqGrid顶部的pager div。 在这之后,可以轻松地从顶部或底部的“工具栏”中删除一些元素:

 jQuery("#list").jqGrid({ // some parameters toppager: true, // some other paremeters }).jqGrid('navGrid','#pager',{cloneToTop:true}); var topPagerDiv = $("#list_toppager")[0]; $("#edit_list_top", topPagerDiv).remove(); $("#del_list_top", topPagerDiv).remove(); $("#search_list_top", topPagerDiv).remove(); $("#refresh_list_top", topPagerDiv).remove(); $("#list_toppager_center", topPagerDiv).remove(); $(".ui-paging-info", topPagerDiv).remove(); var bottomPagerDiv = $("div#pager")[0]; $("#add_list", bottomPagerDiv).remove(); 

因为我们使用id =“list”的<table>元素,所以将使用上面代码中不同id名的部分“list”。

从演示网站 :

HTML

Java Scrpt代码

  jQuery("#myGrid").jqGrid({ url:'server.php?q=1', datatype: "xml", colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], colModel:[ {name:'id',index:'id', width:55}, {name:'invdate',index:'invdate', width:90}, {name:'name',index:'name', width:100}, {name:'amount',index:'amount', width:80, align:"right"}, {name:'tax',index:'tax', width:80, align:"right"}, {name:'total',index:'total', width:80,align:"right"}, {name:'note',index:'note', width:150, sortable:false} ], rowNum:10, rowList:[10,20,30], pager: '#pgmyGrid', sortname: 'id', viewrecords: true, sortorder: "desc", caption:"Toolbar Example", editurl:"someurl.php", toolbar: [true,"top"] //THIS IS IMPORTANT! }); jQuery("#myGrid").jqGrid('navGrid','#pgmyGrid',{edit:false,add:false,del:false}); $("#t_myGrid").append("<input type='button' value='Click Me' style='height:20px;font-size:-3'/>");