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

Question

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

我在这个链接的 jqgrid 中做了 footerData 选项:

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

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

谢谢。

Answer 1

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

如果你喜欢top pager，你应该使用toppager: true选项 jq网格。它为寻呼机本身创建了 div。 toppager 的 id 将由像“list”这样的网格 id 和后缀“_toppager”构成(详见 here)。

如果你想使用 bottom pager 你应该在页面的 HTML 标记中定义 pager div，例如带有 id="pager"的空 div 并使用 jqGrid 的 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});

如果您使用一些标准按钮创建导航栏，您可以在顶部和底部导航栏之间移动按钮(参见 here)。

导航栏存在后，你应该调用navButtonAdd在寻呼机指定的导航栏上添加按钮(参见 here )。要在 onClickButton 回调中获取所选行的 rowid，您应该使用 jqGrid 的 selrow 参数(参见 here)。