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

我想在页眉底部再添加一个带有不同按钮的工具栏。有什么可能性吗

使用

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

---

谢谢，

您可能误解了jqGrid的

工具栏

参数。也许您想使用having

cloneToTop:true

，如果您另外定义

toppager:true

jqGrid选项，它就可以工作。此选项克隆jqGrid顶部的寻呼机div。在此之后，您可以轻松地从顶部或底部“工具栏”中删除某些元素：

将使用上述代码中不同id名称的“列表”部分，因为我们使用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'/>");

jQuery（“#myGrid”）.jqGrid({
url:'server.php？q=1'，
数据类型：“xml”，
colname:['Inv No'，'Date'，'Client'，'Amount'，'Tax'，'Total'，'Notes'，]，
colModel：[
{名称：'id'，索引：'id'，宽度：55}，
{名称：'invdate'，索引：'invdate'，宽度：90}，
{名称：'name'，索引：'name'，宽度：100}，
{名称：'amount'，索引：'amount'，宽度：80，对齐：“right”}，
{名称：'tax'，索引：'tax'，宽度：80，对齐：“right”}，
{名称：'total'，索引：'total'，宽度：80，对齐：“right”}，
{名称：'note'，索引：'note'，宽度：150，可排序：false}
],
rowNum:10，
行列表：[10,20,30]，
寻呼机：“#pgmyGrid”，
sortname:'id'，
viewrecords：是的，
巫师：“描述”，
标题：“工具栏示例”，
editurl:“someurl.php”，
工具栏：[正确，“顶部”]//这很重要！
});
jQuery（“#myGrid”）.jqGrid（'navGrid'，'#pgmyGrid'，{edit:false，add:false，del:false}）；
$（“#t#u myGrid”）。追加（“”）；

非常感谢你，奥列格。这正是我需要的。非常感谢你。你节省了我的时间。海奥列格，谢谢你。我也在寻找这个功能。我终于到了这里。但现在“添加”按钮只能正常工作。“编辑”和“删除”按钮（只有我尝试过）在将寻呼机移到顶部后不起作用。当寻呼机在底部时，它工作正常。我可以知道为什么吗？我需要做些改变吗？@vissupepala:如果你发布你目前使用的代码，以及有问题的代码，那就更好了。如果你打开新问题会更好，因为阅读注释中的代码太难了。@Oleg，对不起，Oleg，我看了你的另一个答案。我解决了这个问题。现在它对我起作用了。非常感谢。@vissupepala:没问题。现在所有的工作都很重要。不客气！

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

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