jqgrid搜索過濾器彈出窗口沒有出現

Question

幾經無奈之后，我終於使搜索圖標出現在導航器區域中，但是現在當我單擊它時，屏幕變成“模式”，但沒有出現搜索對話框！

這是我的代碼的開頭部分：

<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技巧。