JQGRID搜索调整大小

Question

我需要根据列宽度动态增加jqgrid搜索框宽度。

我试图在beforeshowsearch事件中做到这一点。它似乎没有任何效果。

Answer 1

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

通过其中新增“搜索”按钮，导航栏的方式navGrid使用prmSearch参数width属性在其上创建了网格searchGrid方法的每次呼叫。所以，如果你将举行prmSearch，只是改变width下一个搜索对话框将使用新的宽度值：

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