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

时间:2011-11-12 17:16:01

标签: javascript jquery jqgrid

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

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

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

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

感谢。

1 个答案:

答案 0 :(得分:2)

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

如果您更喜欢热门寻呼机,则应使用toppager: true选项 jqGrid的。它为寻呼机本身创建了div。 toppager的id将从网格ID(如“list”)和后缀“_toppager”构建(详见here)。

如果您想使用底部寻呼机,您应该在页面的HTML标记中定义寻呼机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});

如果您使用某些标准按钮创建导航栏,则可以在顶部和底部导航栏之间移动按钮(请参阅here)。

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