如何在jqgrid中自定义页眉和页脚？

我在jqgrid的页眉和页脚中放置了几个按钮。 有什么办法可以自定义吗？

我在此链接上的jqgrid中执行了footerData选项：

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods

但是我认为它是不同的和无关的。 如果我错了，请告诉我。

谢谢。

Answer 1

要在导航栏中添加自定义按钮，您可以使用navButtonAdd方法。 应在创建导航栏后使用它。 导航器是寻呼机的一部分，可以位于网格的底部，网格的顶部或两者。

如果您更喜欢顶级寻呼机，您应该使用toppager：jqGrid的true选项。 它为寻呼机本身创建了div。 toppager的id将从网格id构建，如“list”和后缀“_toppager”（有关详细信息，请参见此处 ）。

如果你想使用底部分页器，你应该在页面的HTML标记中定义pager div，例如id为“pager”的空div，并使用jqGrid的pager参数： pager: "#pager" 。

要在寻呼机中创建导航栏，您应该调用navGrid方法。 作为导航器的第一个（寻呼机）参数，您应该使用应该创建导航栏的寻呼机的ID。 例如

 $("#list").jqGrid('navGrid', '#list_toppager', {add: false, edit: false, del: false, search: false, refresh: false}); 

在顶部寻呼机中创建空导航器（没有任何标准按钮）或

 $("#list").jqGrid('navGrid', '#pager', {add: false, edit: false, del: false, search: false, refresh: false}); 

使用id =“pager”创建底部寻呼机的空导航器。 如果要创建顶部和底部分页器，可以使用cloneToTop: true ：

 $("#list").jqGrid('navGrid', '#pager', {cloneToTop: true, add: false, edit: false, del: false, search: false, refresh: false}); 

如果您使用一些标准按钮创建导航栏，则可以在顶部和底部导航栏之间移动按钮（请参见此处 ）。

在存在导航栏之后，您应该调用navButtonAdd在寻呼机指定的导航栏上添加按钮（参见此处 ）。 要获取onClickButton回调中选定行的rowid，您应该使用selrow参数（请参阅此处 ）。