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

Question

我想在标题底部添加一个带有不同按钮的工具栏。有没有可能？

用过的

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

其显示相同的工具栏...底部的工具栏包含添加，编辑，删除按钮..我想在顶部工具栏中进行更改，仅包含添加按钮..＆底部工具栏包含编辑，删除，刷新等。

谢谢，

Answer 1

可能您误解toolbar了jqGrid的参数。也许您想使用具有附加定义jqGrid选项的Navigator。此选项在jqGrid的顶部克隆寻呼机div。之后，您可以轻松地从顶部或底部“工具栏”中删除一些元素：cloneToTop: truetoppager: truejQuery("#list").jqGrid({&nbsp; &nbsp; // some parameters&nbsp; &nbsp; toppager: true,&nbsp; &nbsp; // 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();由于我们使用<table>id =“ list”的元素，因此将使用与上面的代码不同的id名称的“ list”部分。

Answer 2

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