代码之家  ›  专栏  ›  技术社区  ›  Felix

jqgrid搜索选项隐藏网格表

  •  0
  • Felix  · 技术社区  · 16 年前

    问题是当我单击搜索选项(在寻呼机上)时,它会显示搜索窗口,但网格会隐藏。我包括jqmodal.js文件。但我在下面的代码中忽略了什么?

    CSS文件:

    JQMODAL.CSS

    jquery-ui-1.8.自定义.css

    U.I. JQGRID.CSS

    ui.multisect.css(多选)

    jquery.searchfilter.css查询.searchfilter.css

    JS文件:

    JQual.M.JS

    GRID.BASE.JS

    GRID.Un.js

    网格.formedit.js

    网格.setcolumns.js

    ui.multisect.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>
    
    3 回复  |  直到 13 年前
        1
  •  1
  •   webdad3    16 年前

    这听起来和我今天的问题一样。搜索表单会显示出来,但会显示在网格的顶部,没有任何模式窗口会显示出来,这使得屏幕毫无用处。

    如果是这样的话,您所要做的就是引用jquery.searchfilter.css。

    在我的一个项目中,它必须在一个代码文件中被引用,但在另一个项目中,它没有被引用(这给了我错误)。一旦我把CSS文件添加到页面中,这个问题就消失了。

    希望能解决你的问题。

        2
  •  0
  •   Macinville    15 年前

    只想分享我对这个问题的解决方法。

    我正在为我的jqgrid使用jquery用户界面。在萤火虫的帮助下,我看到了问题的根源。我在“jquery-ui-1.8.4.custom.css”的第41行(可能与您的用户界面版本不同)中评论了覆盖,上面说

    .ui小部件覆盖位置:绝对;顶部:0;左侧:0;宽度:100%;高度:100%;

    之后一切都很好。

        3
  •  0
  •   Brian Webster Jason    13 年前

    我有一个自定义的CSS,我删除了一个覆盖分区,现在正在工作。

    推荐文章