postData 方法不执行函数

Question

我有两个 jqGrid。在第一个网格中，我选择一行，第二个网格根据第一个网格的 id 刷新数据。至少它应该是这样工作的。

//This is code from the second grid
postData: '{ lobId: ' + BudgetCore.getLobId() + ' }',

//Snippet from BudgetCore...
getLobId: function () {
    var row = jQuery(BudgetCore.GridTables.Lob).jqGrid('getGridParam', 'selrow');
    return row;
}

在 Chrome 中，我尝试调试函数 getLobid() 但它从未执行过。发送的 postData 请求：{ lobId:null }。

如果我将上面的代码更改为 '{ lobId: ' + 1 + ' }' 它可以工作，所以一定有什么错误导致这个函数无法执行。在 Chrome JS 控制台中执行 BudgetCore.getLobId() 工作正常。

Answer 1

你应该使用

postData: {
    lobId: function () {
        return $(BudgetCore.GridTables.Lob).jqGrid('getGridParam', 'selrow');
    }
}

更多详情请见the answer。

更新：如果您需要在serializeGridData 内另外使用JSON.stringify，那么您不能使用更多serializeGridData 的最简单版本：

serializeGridData: function (postData) { return return JSON.stringify(postData); }

您应该使用更复杂的serializeGridData 版本，而不是我在the answer 中描述的版本：

serializeGridData: function (postData) {
    var propertyName, propertyValue, dataToSend = {};
    for (propertyName in postData) {
        if (postData.hasOwnProperty(propertyName)) {
            propertyValue = postData[propertyName];
            if ($.isFunction(propertyValue)) {
                dataToSend[propertyName] = propertyValue(); // call the function
            } else {
                dataToSend[propertyName] = propertyValue;
            }
        }
    }
    return JSON.stringify(dataToSend);
}