Question

经过多次挫折后，我终于将搜索图标显示在导航区域中，但现在当我点击它时，屏幕变为＆＃34;模态＆＃34;但是没有搜索对话框出现！

这是我的代码的主要部分：

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <link href="../Styles/Examiners.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/jqgrid/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/jqgrid/searchFilter.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/jqgrid/ui.multiselect.css" rel="stylesheet" type="text/css" />

    <script src="../Scripts/jqgrid/grid.locale-en.js" type="text/javascript"></script>
    <script src="../Scripts/jqgrid/jquery.jqGrid.src.js" type="text/javascript"></script>

    <script src="../Scripts/jqgrid/grid.addons.js" type="text/javascript"></script>
    <script src="../Scripts/jqgrid/grid.postext.js" type="text/javascript"></script>
    <script src="../Scripts/jqgrid/grid.setcolumns.js" type="text/javascript"></script>
    <script src="../Scripts/jqgrid/jquery.contextmenu.js" type="text/javascript"></script>
    <script src="../Scripts/jqgrid/jquery.tablednd.js" type="text/javascript"></script>
    <script src="../Scripts/jqgrid/ui.multiselect.js" type="text/javascript"></script>
    <script src="../Scripts/jqgrid/jquery.searchFilter.js" type="text/javascript"></script>


</asp:Content>

这是我的网格定义

            $("#examinersGrid").jqGrid({
                url: baseUrl() + selectQuery(),
                mtype: "POST", 
                ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
                serializeGridData: function (postData) {
                    if (postData.searchField === undefined) postData.searchField = null;
                    if (postData.searchString === undefined) postData.searchString = null;
                    if (postData.searchOper === undefined) postData.searchOper = null;
                    //if (postData.filters === undefined) postData.filters = null;
                    return JSON.stringify(postData);
                },
                datatype: 'json',
                colNames: ["Name", "Assignments"],
                colModel: [
                    { name: 'displayName', index: 'displayName', width: 200, },
                    { name: 'assignments', index: 'assignments', width: 120,
                        formatter: 'integer', sorttype: 'int', align: 'right'
                    }
                ],
                jsonReader: {
                    root: "d.rows",
                    page: "d.page",
                    total: "d.total",
                    records: "d.records",
                    id: "examinerID"
                },
                autowidth: true,
                height: "auto",
                rowNum: 10,
                loadonce: false,
                gridview: true,
                pager: "#examinersPager",
                search: {
                    caption: "Search...",
                    Find: "Find",
                    Reset: "Reset",
                    odata: ['equal', 'not equal', 'less', 'less or equal', 'greater', 'greater or equal', 'begins with', 'does not begin with', 'is in', 'is not in', 'ends with', 'does not end with', 'contains', 'does not contain'],
                    groupOps: [{ op: "AND", text: "all" }, { op: "OR", text: "any"}],
                    matchText: " match",
                    rulesText: " rules"
                },
                rowList: [10, 20, 30],
                sortname: "displayName",
                sortorder: "asc",
                viewrecords: true,
                autoencode: true,
            }).navGrid('#examinersPager', { add:false, edit: false, del: false, refresh: false, search: true });

        });

有什么想法吗？我在这里撕扯我的头发！

Answer 1

这很简单，真的......我不确定触发它的原因。解决方案是将我的jquery.jqGrid.src.js引用移到下面插件引用它上面。

叹息。因此，确保脚本引用的顺序正确的是旧的javascript。

jqgrid搜索过滤器弹出窗口没有出现

1 个答案: