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

Question

我想在标题底部添加一个带有不同按钮的工具栏。有没有可能？用过的 toolbar: [true,"top"] or toolbar: [true,"bottom"] 其显示相同的工具栏...底部的工具栏包含添加，编辑，删除按钮..我想在顶部工具栏中进行更改，仅包含添加按钮..＆底部工具栏包含编辑，删除，刷新等。谢谢，

Answer 1

可能您误解toolbar了jqGrid的参数。也许您想使用具有附加定义jqGrid选项的Navigator。此选项在jqGrid的顶部克隆寻呼机div。之后，您可以轻松地从顶部或底部“工具栏”中删除一些元素：cloneToTop: truetoppager: true

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();

由于我们使用<table>id =“ list”的元素，因此将使用与上面的代码不同的id名称的“ list”部分。

Answer 2

从演示站点：

的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'/>");