我正在为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();
});
答案 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中有一些信息。