dojo增强的网格服务器端分页不起作用

时间:2018-07-24 23:02:56

标签: datagrid pagination dojo

当尝试使用增强的数据网格(dojo v1.10)执行服务器端分页时,我遇到了一个问题。 第一页已正确显示,但窗口小部件(存储区?网格?插件?)似乎忽略了“ Content-Range”头值,因此不允许获取下一页。 例如,如果响应标头包含“内容范围:项目0-9 / 17”,则分页显示“ 1至10个项目(共10个项目)”,而下一页不可用。

经过一些调试后,我发现从JsonRest存储区(查询功能)正确读取了范围值

    results.total = results.then(function(){
    var range = results.ioArgs.xhr.getResponseHeader("Content-Range");
    return range && (range = range.match(/\/(.*)/)) && +range[1];
    }); 
...

但是在ObjectStore的获取方法中,totalCount值未定义,然后使用results.length:

var results = this.objectStore.query(query, args);
        Deferred.when(results.total, function(totalCount){
            Deferred.when(results, function(results){
                if(args.onBegin){
                    args.onBegin.call(scope, totalCount || results.length, args);
...

有什么想法吗?

谢谢

我的代码:

// get grid store
var restStore = new JsonRest(
    {
        target: "ks2/api/workflow/...",
    });
var memoryStore = new Memory();
var store = Cache(restStore, memoryStore);      

/*set up layout*/
var layout = [{
            name: "id",
            field: 'id',
            width: '5%',
            datatype:"string"
        },
        ....
    ];

/*create a new grid*/
this.workflowGridWidget = new EnhancedGrid({
        id: 'workflowGridWidget',
        store: new ObjectStore({objectStore: store}),
        structure: layout,
        rowSelector: '20px',
        plugins: {
            pagination: {
                          pageSizes: ["10", "25", "50"],
                          defaultPageSize: 10,
                          description: true,
                          sizeSwitch: true,
                          pageStepper: true,
                          gotoButton: true,
                          maxPageStep: 4,//page step to be displayed
                          position: "bottom" //position of the pagination bar
                      }
        }
    });

/*append the new grid to the div*/
this.workflowGridWidget.placeAt("workflowDataGrid");

/*Call startup() to render the grid*/
this.workflowGridWidget.startup();

1 个答案:

答案 0 :(得分:0)

我发现了问题:我使用的是非dojo restful兼容API,并且我需要使用以下方式添加JSON响应后处理

aspect.after(store, "query", this.processResponse);
...

processResponse: function ks2ProcessMonitor_datagrid_WorkflowDataGrid_processResponse(deferred) {
    return deferred.then(function(response) {
        //process response content
        return processedResponse;   
    });
},

此操作正常,但是由于某些原因,它对分页有影响。删除此后处理(使用兼容dojo的另一个API)可以解决分页问题。 也许我应该尝试使用Layke建议的Observable进行响应后处理。