jqGrid：禁用搜索框2

这是我正在与之斗争的另一个例子……

$("#list").jqGrid({ url: 'AjaxFunctions.asmx/TestMethod', datatype: 'json', mtype: 'POST', ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, //postdata: { _search: "true" }, multiselect: true, //postData: { "filters": jsonData}, serializeGridData: function (postData) { if (postData.filters === undefined) postData.filters = null; return JSON.stringify(postData); }, jsonReader: { root: function (obj) { return obj.d.rows; }, page: function (obj) { return obj.d.page; }, total: function (obj) { return obj.d.total; }, records: function (obj) { return obj.d.records; } }, // you can also use following more simple form of jsonReader instead: // jsonReader: { root: "d.rows", page: "d.page", total: "d.total", // records: "d.records", id: "d.names" } colNames:['Name', 'Title'], colModel: [ { name: 'name', label: 'Name', width: 250 }, { name: 'title', label: 'Title', width: 250 } ], rowNum: 10, rowList: [10, 20, 300], sortname: 'name', sortorder: "asc", pager: $("#pager"), viewrecords: true, gridview: true, rownumbers: true, height: 250, imgpath: '../css/images', caption: 'My first grid' }).jqGrid('navGrid', '#pager', {edit: false, add: false, del: false, search: true}); 

}）;

我的问题是当我点击搜索按钮它显示搜索框，但也禁用网格和搜索框 。

Answer 1

如果您添加搜索选项的overlay:false属性：

 $("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false},{},{},{}, {multipleSearch:true,overlay:false}); 

jqGrid不会在网格上创建叠加层，搜索对话框将阻止网格。

我想你的主要问题是在你下载 jquery.jqGrid.min.js时选择的jqGrid组件列表中。 该文件至少应包含grid.base.js; grid.common.js; grid.formedit.js; jquery.searchFilter.js组件。 如果在文本编辑器中打开jquery.jqGrid.min.js，您将在注释中看到所有jqGrid组件（搜索“* Modules：”文本）。 如果你没有从jquery.jqGrid.min.js副本中的模块中找到一个，你应该再次下载 jqGrid选择更多的模块。

另一个可能的原因可能是你使用的CSS中的一些冲突。 尝试在可能的纯网页上重现问题，然后使用所有CSS逐步进入当前页面。