使用JsonRest和EnhancedGrid进行分页不起作用

时间:2012-03-23 11:34:53

标签: restlet dojo dojox.grid

我正在为IBM BusinessSpace创建小部件,我在分页方面遇到了一些困难。 数据从数据库(使用restlet)成功返回并显示在网格中。导航也显示在网格下方(下一页,上一页,转到页面,页数等)。 例如,如果我有3页,每页5行,并想要导航到第二页,当我点击页码2时,数据重新加载(似乎再次调用restlet),前5行(显示在第一页上也显示了这一个。如果我选择任何其他导航选项(下一页,......),同样的事情发生了。最重要的是,每次点击都会导致数据库中的前5行。 有关如何解决此问题的任何线索?

这是关于此的代码:

dojo.require("dojo.data.ObjectStore"); 
dojo.require("dojox.grid.enhanced.plugins.Pagination"); 
dojo.require("dojox.grid.EnhancedGrid"); 
dojo.require("dojo.store.JsonRest"); 


var restStore = new dojo.store.JsonRest({target:"https://localhost:9443/Application/hello"}); 

var dataStore = dojo.data.ObjectStore({objectStore: restStore}); 

dojo.ready(function(){ 

    var grid = new dojox.grid.EnhancedGrid({ 

        store: dataStore, <br>
        structure: [                   
            {name:"Value", field:"value", width: "auto"}, 
            {name:"RequestID", field:"requestId", width: "auto"}, 
            {name:"ID", field:"id", width: "auto"}, 
            {name:"Name", field:"name", width: "auto"} 
        ],         
        columnReordering: true, 
        clientSort: true, 
        rowSelector: '20px', 
        rowsPerPage: 5, 
        autoHeight: true, 
        plugins: {
            pagination: { 
                pageSizes: ["5", "10", "15", "All"], // page length menu options 
                description: true, // display the current position
                sizeSwitch: true, // display the page length menu
                pageStepper: true, // display the page navigation choices 
                gotoButton: true, // go to page button   
                position: "bottom" // position of the pagination bar  
            }
        } 
    }, "gridDiv");
    grid.startup(); 
});

1 个答案:

答案 0 :(得分:2)

在网格中使用jsonRest时,滚动未显示的记录尚未加载,此时jsonRest请求显示所需的数据,以使此寻呼机按预期工作,在您的其余实现中使用dojo创建的头(范围:0-24),这个是由dojo发送的,所以你知道所需数据的偏移和限制,对于响应,你必须返回一个头(Content-Range:items 0 -24/66),数字告诉dojo它应该显示的位置和总记录数。

这是php中的一个示例(假设db和response是实际对象):

$range = $request->headers->get('Range');

preg_match_all ('/.*?(\d+).*?(\d+)/is', $range, $matches);

$limit = $matches[2][0];
$offset = $matches[1][0];

$sql = "SELECT SQL_CALC_FOUND_ROWS * FROM table LIMIT {$limit} OFFSET {$offset}";
$result = $db->execute($sql);

$sql2 = "SELECT FOUND_ROWS()";
$count = $db->execute($sql2);

$response->setContent($result);
$response->headers->set('Content-Range', "items $offset-$limit/{$count}");

在jsonRest documentation中有一些信息。