免费jqGrid 4.8.0 - 向工具栏添加按钮

时间:2015-04-04 14:36:47

标签: jquery jqgrid free-jqgrid

我了解到有一个选项可以通过添加工具栏向网格添加工具栏:[true.'top'](例如,在网格顶部添加一个空工具栏)。

如何向该工具栏添加按钮?我知道jqGrid('navButtonAdd',nameOfPager)是如何工作的,并且对于toppager选项也很熟悉,但是不知道如何向上面提到的工具栏添加按钮。

谢谢,

1 个答案:

答案 0 :(得分:2)

jqGrid没有用于操纵toolbar: [true, "top"]的API。工具栏的唯一目标是jqGrid中的<div>。在调整网格大小时,将更改CSS width属性,但不会再做任何其他操作。

The answer提供(请参阅the demo)提供了工具栏用法的实际示例。它使用$("#t_" + $.jgrid.jqID($grid[0].id)).append向工具栏添加信息。如果网格ID不包含特殊字符(.,和其他),则可以使用简化的选择器"#t_" + $grid[0].id

以同样的方式,可以将导航按钮从标准位置移动到顶部工具栏。你有很多工具栏按钮可能很实用。我为你创建了the demo来证明这一点。

enter image description here

可以将解决方案与the answer

中描述的createContexMenuFromNavigatorButtonsshowHideColumnMenu方法结合起来

该方法接近another answer,其中一个人希望在网格顶部有一个大按钮,以使其对平板电脑(例如iPad)的用户更友好。

存在the feature request,其中包含在顶部工具栏中添加功能的示例。我觉得这个想法很有意思,我希望我能找到相应实现的写作。