Jqgrid搜索選項隱藏網格表

問題是當我點擊搜索選項（在頁面上）它顯示搜索窗口，但網格被隱藏。我包含jqmodal.js文件。但是我忽略了下面的代碼呢？Jqgrid搜索選項隱藏網格表

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>

來源

2010-06-10 Felix

這聽起來像同樣的問題我今天。搜索表單會顯示出來，但會顯示在網格的頂部，並且沒有模式窗口會顯示屏幕無用的內容。

如果是這樣的話，你所要做的就是參考jquery.searchFilter.css

在我的項目，它必須在代碼文件中的一個被引用的一個，但在其他項目是不是引用（這給了我錯誤）。只要我將css文件添加到頁面，這個問題就消失了。

希望能解決您的問題。

來源

2010-07-02 03:32:17 webdad3

我有一個自定義的CSS，我刪除了一個覆蓋div，現在正在工作。

來源

2010-07-04 17:57:39 Felix

只是想分享我的修復這個特定的問題。

我爲我的jQGrid使用jQuery UI。在螢火蟲的幫助下，我看到了問題的來源。我評論了第41行的重疊（可能與你的ui版本不同）「jquery-ui-1.8.4.custom.css」，它說

。ui-widget-overlay {position：absolute; top：0;左：0;寬度：100％;身高：100％; }

然後一切正常。

來源

2010-08-28 14:42:39 Macinville

Jqgrid搜索選項隱藏網格表

回答

相關問題