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

Question

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

使用过

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

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

谢谢，

Answer 1

可能你误会了toolbar jqGrid 的参数。也许您想使用 Navigator有 cloneToTop: true如果您另外定义 toppager: true jqGrid 选项。此选项克隆 jqGrid 顶部的分页器 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 名称的“列表”部分，因为我们使用了 <table> id="list"的元素。