Question

问题是，当我点击搜索选项（在寻呼机上）时，它会显示搜索窗口，但网格会被隐藏。我包含了jqmodal.js文件。但是我忽略了下面的代码呢？

css文件：

jqModal.css

的jquery-UI-1.8.custom.css

ui.jqgrid.css

ui.multiselect.css

jquery.searchFilter.css

js文件：

jquery.min.js

grid.base.js

grid.common.js

grid.formedit.js

grid.setcolumns.js

ui.multiselect.js

jquery.searchFilter.js

jqModal.js

Javascript：

$("#list").jqGrid({
    url: 'foo_report.php?g=' + $('#fooselect').val() +
         '&report=1&searchString=null&searchField=null&searchOper=null',
    datatype: 'json',
    mtype: 'GET',
    colNames:['foo1','foo2', 'foo3'],
    colModel:[
        { name:'rows.foobar1', index: 'foobar1', search:true,
          jsonmap: 'foobar1', width: 150, align: 'left', sortable:true},
        { name:'rows.foobar2', index: 'foobar2', 
          jsonmap: 'foobar2', width: 150, align: 'left'},
        { name:'rows.foobar3', index: 'foobar3', 
          jsonmap: 'foobar3', width: 240, align: 'left', sortable: true}],
        pager: '#pager',
    rowNum: 8,
    autowidth: true,
    rowList: [8, 16],
    sortname: 'foobar1',
    sortorder: 'asc',
    viewrecords: true,
    search : { caption: "Search...", Find: "Find", Reset: "Reset",
               odata : ['equal', 'not equal', 'less'],
               groupOps: [ { op: "AND", text: "all" },
                           { op: "OR", text: "any" }],
               matchText: " match",
               rulesText: " rules" },
    caption: 'Foobar Data',
    jsonReader : { root: "rows",
                   repeatitems: false },
    height: 350,
    width: 800
});

HTML：

<table id="list"></table>
<div id="pager"></div>

Answer 1

这听起来和我今天的问题一样。搜索表单会显示出来，但会显示在网格顶部，并且没有模态窗口会显示哪个屏幕无效。

如果是这种情况，您只需要参考jquery.searchFilter.css

在我的一个项目中，必须在其中一个代码文件中引用它，但在另一个项目中它没有被引用（这给了我错误）。一旦我将css文件添加到页面，那么这个问题就消失了。

希望能解决您的问题。

Answer 2

我有一个自定义CSS，我删除了一个重叠div，现在正在工作。

Answer 3

只想分享我对此特定问题的修复方法。

我正在为jQGrid使用jquery UI。在萤火虫的帮助下，我看到了问题的来源。我评论了第41行（可能与你的ui版本不同）的“jquery-ui-1.8.4.custom.css”中的叠加层，其中说明了

.ui-widget-overlay {position：absolute;顶部：0;左：0;宽度：100％;身高：100％; }

之后一切正常。

Jqgrid搜索选项隐藏网格表

3 个答案: