Добавить панель инструментов в нижней части заголовка с помощью jqgrid

Я хочу добавить еще одну панель инструментов с различными кнопками в нижней части заголовка. есть ли возможности?

показывает те же панели инструментов... в нижней панели инструментов находятся кнопки добавления, редактирования, удаления. Я хочу, чтобы изменения в верхней панели инструментов содержали только кнопку ADD.. и нижняя панель инструментов содержит "Редактировать", "Удалить", "Обновить" и т.д.,

Ответы

Ответ 1

Возможно, вы неправильно поняли параметр toolbar jqGrid. Возможно, вы хотите использовать Navigator с cloneToTop: true, который работает, если вы дополнительно определите опцию toppager: true jqGrid. Эта опция клонирует пейджер div в верхней части jqGrid. После этого можно легко удалить некоторые элементы из верхней или нижней панели инструментов:

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".

Ответ 2

На Демо-сайт:

HTML

Java Scrpt code

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