Question

我目前有代码可以创建一个非常标准的JQGrid。但是，我现在想在每个标题下面添加一些搜索功能。我不想使用我见过的内置搜索栏，因为它只提供了文本框，这对于按日期范围搜索效果不佳。所以我希望有一种方法可以在JQgrid中添加一个表行，我可以写出自己的内容。

基本上，这就是我希望网格看起来像：

--------------------------------
| JQGrid Header
--------------------------------
| Column 1  |  Column 2     | Col...
--------------------------------
| My new row here
--------------------------------
| Data row 1
--------------------------------
| Data row 2
--------------------------------
| Data row etc...
--------------------------------
| Footer
--------------------------------

我已经为之前的项目构建了这个搜索功能，所以我只想要一个空的div或表行，我可以将它放入。我只是不知道如何在JQGrid列标题和JQGrid数据之间插入一个。

感谢。

Answer 1

我发现不再需要这样做来完成我想做的事情。相反，我正在使用当时我不知道的其他搜索选项：

colModel:   [
                <cfloop from="1" to="#ListLen(attributes.ColumnHeaderList)#" index="x">
                    {   name: '#ListGetAt(attributes.ColumnFieldList, x)#',
                        index: '#ListGetAt(attributes.ColumnFieldList, x)#',
                        width: #ListGetAt(attributes.columnWidthList, x)#,
                        sorttype: '#ListGetAt(attributes.columnTypeList, x)#',
                        search:true,
                        stype:'<cfif datasearchtype[x] is 3>text<cfelse>select</cfif>',
                        searchoptions: {
                            value:{#DataSearchOptions[x][1]#}
                        }
                    }
                    <cfif x is not ListLen(attributes.ColumnHeaderList)>,</cfif>
                </cfloop>
            ],

基本上，我有一些coldFusion代码可以解析查询返回的数据，然后确定应该如何搜索列。对于日期或数字范围，我创建了一个合理选项的下拉菜单（即：＆＃39; Jan＆＃39;，＆＃39; 2月＆＃39;，＆＃39; 3月＆＃39;或＆＃39; 2013年1月 - 2013年6月＆＃39;，＆＃39; 2013年7月 - 2013年12月＆＃39;等），并使用＆＃34; searchoptions＆＃34;让JQuery为我创建选择框的属性。对于其他值，我将离开搜索栏以使用直接文本字段。

这为更强大的弹出搜索框提供了一个方便的替代方案，而选择提供了一种更直观，更有效的方式来解析日常使用中的数据。

我可以在JQGrid的列标题行下添加标题行吗？

1 个答案: