0

我知道这个答案：如何向我的 jqgrid 添加取消按钮？，并且我正在尝试实现类似的东西，尽管没有按钮来触发取消。我有一个在页面加载时加载的网格（默认情况下加载没有条件的搜索），我希望能够在用户实际执行带有条件的搜索时取消默认的空条件搜索。由于我不需要按钮，因此我试图通过仅跟踪 loadBeforeSend 方法中的 xhr 请求来简化解决方案，如果在加载网格时它不为空，则中止该 xhr。代码：

var gridXhr;
function getGridData() {
    var searchParms = ...;
    var colHeaders = [...];
    var colDefinitions = [...];
    if (gridXhr != null) {
        alert(gridXhr.readyState);
        gridXhr.abort();
        gridXhr = null;
    }
    $('#grid').jqGrid('GridUnload');
    $('#grid').jqGrid({
        defaults: {...},
        autowidth:true,
        url: "<%= Page.Request.Path %>/ExecuteSearch",
        mtype: 'POST',
        ajaxGridOptions: { contentType: "application/json" },
        postData: searchParms,
        datatype: "json",
        prmNames: {
            nd: null,
            rows: null,
            page: null,
            sort: null,
            order: null
        },
        jsonReader: {
            root: function (obj) { return obj.d; },
            page: function (obj) { return 1; },
            total: function (obj) { return (obj.d.length / 20); },
            records: function (obj) { return obj.d.length; },
            id: 'CatalogID',
            cell: '',
            repeatitems: false
        },
        loadonce: true,
        colNames: colHeaders,
        colModel: colDefinitions,
        caption: "Search Results",
        pager: 'searchPaging',
        viewrecords: true,
        loadBeforeSend: function (xhr) {
            gridXhr = xhr;
        },
        loadError: function (xhr, status, error) {
            gridXhr = null;
            if (error != 'abort') {
                alert("Load Error:" + status + "\n" + error);
            }
        },
        loadComplete: function() {
            gridXhr = null;
        },
        multiselect: <%= this.MultiSelect.ToString().ToLower() %>,
        multiboxonly: true
    }).setGridWidth(popWidth);
}

我遇到的问题是 jqGrid 的后续执行不起作用。loadError 函数被触发，错误（第三个参数）为“abort”。我是否需要像其他答案中所做的那样对 loadBeforeSend 做更多/不同的事情？

此外，奥列格在他的示例代码中提到myGrid[0].endReq();，我在文档中找不到任何提及 - 该功能是否存在？

4

1 回答 1

0

如果我理解正确，您只需更改线路

datatype: "json",

类似于

datatype: isSearchParamEmpty(searchParms) ? "local" : "json",

换句话说，您应该创建网格，datatype: "local"而不是datatype: "json"在搜索条件为空的情况下。网格将保持空白。

此外，您应该考虑只创建一次jqGrid，如果colDefinitions并且colHeaders对于不同的搜索条件将保持不变。而不是重新创建网格，您只能更改postData并调用trigger("reloadGrid").

于 2012-11-26T21:10:09.570 回答