一种形式的多个 jqGrids 导致单独的启动变量发生冲突

Question

我的表单中有多个 jqGrid。现在对于我的表单中的多个 jqGrid，我通过包含一个 js 文件来实现它，该文件具有 jqGrid 定义的内容，并且该 js 文件的内容如下：

var MyGridData = MyGridData || (function () {
    var _args = {};
    return {
        init: function (Args){
            _args = Args;
        },
        initiateGrid: function (){
            this.fillGridSchema(_args[6]);
        },
        fillGridSchema: function (){
            $('#' + _args[0]).jqGrid({
                url: _args[1],
                datatype: "json",
                mtype: "POST",
                ajaxGridOptions: {contentType: 'application/json; charset=utf-8' },
                serializeGridData: function(postdata){
                    return JSON.stringify(postdata);
                },
                postData: {colOrder: _args[2], data: _args[3]},
                search: true,
                colNames: _args[4],
                colModel: _args[5],
                viewrecords: true,
                pager: jQuery('#pager_' + _args[7]),
                rowNum: 10,
                rowList: [10, 20, 30, 40],
                //further required jqGrid properties here for ex: sortorder, //loadonce, gridview, ignorecase, etc.
                onSelectRow: function (rowId) {
                    if(_args[8] != ''){
                        var rowData = jQuery(this).getRowData(rowId);
                        var fn = window[_args[4]];
                        if(typeof fn === 'function'){
                            fn(rowData);
                        }
                    }
                }
            });
        }
    }
}

现在为生成 jqGrid，调用以下代码：

MyGridData.init([
    'GridName1', 'griddataurl', 'colOrder', 'postDataargs', 'colNames', 'colModel', 'ExtraParams', 'pager', 'onSelectRowfunction'
]);
MyGridData.initiateGrid();

现在我面临的问题是，我在第一个网格的 rowselect 上填充我的第二个网格，并且我正在以编程方式默认选择我的网格中的第一行。 So when the first row of 1st grid is being selected, then I am calling a function in onSelectRow of 1st grid so as to fill my 2nd grid as per the selection in my first grid in that function.但问题是 _args 参数只在第一次被调用时向我显示了第一个网格的参数。第二次调用第一个网格的 onSelectRow 时，它显示 _args 参数具有第二个网格参数的值，而不是第一个网格的参数。我无法找出其中的问题。如果有人能找出其中的问题，请告诉我解决方案。

Answer 1

抱歉，我不喜欢上面的代码。如果您需要为两个网格使用一些 common 参数，您只需定义

$.extend(true, $.jgrid.defaults, {
    datatype: "json",
    mtype: "POST",
    ajaxGridOptions: {contentType: "application/json; charset=utf-8" },
    serializeGridData: function (postdata) {
        return JSON.stringify(postdata);
    },
    search: true,
    viewrecords: true,
    rowNum: 10,
    rowList: [10, 20, 30, 40],
    gridview: true,
    autoencode: true
});

之后，您可以跳过上述选项创建两个网格。您将创建简短易读的代码来满足您的需求。

顺便说一句，您希望在第一个网格中选择行之后加载第二个网格。在这种情况下，您可以先使用datatype: "local" 创建第二个网格。它将阻止向第二个网格中指定的url 发送任何请求。在第一个网格的onSelectRow 内部，您可以将第二个网格的datatype 动态更改为"json"，设置postData 并为第二个网格触发reloadGrid。这当然不是所有需要做的事情。可以考虑清除第一个网格的beforeRequest 内部的第二个网格（或loadComplete 的内部）。它清除了刷新（和取消选择）第一个网格的第二个网格。