Question

在我的jqgrid中，搜索框很小，文本框很小。我想增加搜索框（搜索窗口）的大小。我试着用

searchoptions: {size: 30}

但我不知道在哪里放这个代码片段。任何人都可以看到我的示例如何使用此方法或任何其他方法增加搜索框大小。

Answer 1

我这样做了它并且有效。

jQuery("#grid").jqGrid('navGrid','#gridPager',{add:false,edit:false,del:false,refresh: false},{},{},{},
              { 
                beforeShowSearch: function($form) {
                    $('#searchmodfbox_grid').width(760);
                    return true;
              }
              }
        );

在此搜索对话框中，div id为{“searchmodfbox_”+ yourGridId}。在我的情况下，我的网格ID是网格，然后搜索对话框的ID是“searchmodfbox_grid”。

Answer 2

您可以使用beforeShowSearch（!!!而不是之前的搜索）在搜索对话框中进行更改。请参阅此处获取代码示例（如果使用最新版本的jqGrid，则可以使用this.id而不是grid [0] .id）。我建议你另外使用recreateFilter：true搜索选项。

顺便说一下，导航栏添加“搜索”按钮的navGrid在每次调用创建网格的searchGrid方法时都使用prmSearch参数的width属性。因此，如果你持有prmSearch并只改变宽度，下一个搜索对话框将使用新的宽度值：

var pSearch = {
        recreateFilter: true,
        multipleSearch:true,
        width: 500
    };

$("#list").jqGrid({...}); // create the grid

$("#list").jqGrid("navGrid", "#pager", {}, {}, {}, {}, pSearch);
// if the user opens searching dialog now the width 500 will be used

...
pSearch.width = 800;
// if the user opens searching dialog now the new width 800 will be used

如何调整jqgrid搜索框的大小？

2 个答案: