extjs grid分页显示的问题...

loversam18 2011-06-12 11:37:56
我的json数据是这样的,是固定的不用读取数据库的,也就是说没有start limit参数,怎样使用extjs grid分页显示???在线等、新人求教!
{"articleList":[{"articleId":1,"title":"1","author":"heshan","hits":"0","addDate":"2011-06-11 13:33:23"},{"articleId":2,"title":"2","author":"superman","hits":"0","addDate":"2011-06-11 13:35:18"},{"articleId":3,"title":"3","author":"superman","hits":"0","addDate":"2011-06-11 13:51:31"},{"articleId":4,"title":"4","author":"superman","hits":"0","addDate":"2011-06-11 13:55:54"},{"articleId":5,"title":"5","author":"superman","hits":"0","addDate":"2011-06-11 13:56:29"},{"articleId":6,"title":"拜拜拜拜吧","author":"superman","hits":"0","addDate":"2011-06-11 14:51:51"},{"articleId":7,"title":"333","author":"superman","hits":"0","addDate":"2011-06-11 15:00:56"},]}
...全文
217 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
kui5656 2011-06-14
  • 打赏
  • 举报
回复
[b]楼主看看我的这篇帖子吧,希望能帮助你![/b]
http://topic.csdn.net/u/20110608/16/41a93a68-4fd8-46c0-af3d-3c472f87ec6e.html
AlienLabCoder 2011-06-13
  • 打赏
  • 举报
回复
分页的表格store需要在reader里指定json格式。
你贴出的json似乎末尾多了个","。
以下仅供参考:
reader: new Ext.data.JsonReader({
root: 'articleList',
totalProperty: 'totalCount',
fields: [
{name: 'replycount'},
{name: 'lastpost'}
]
})

JSON可以这样对应,增加totalCount,表示总条数。
{"totalCount":"1000","articleList":[{"articleId":1,"title":"1","author":"heshan","hits":"0","addDate":"2011-06-11 13:33:23"},{"articleId":2,"title":"2","author":"superman","hits":"0","addDate":"2011-06-11 13:35:18"},{"articleId":3,"title":"3","author":"superman","hits":"0","addDate":"2011-06-11 13:51:31"},{"articleId":4,"title":"4","author":"superman","hits":"0","addDate":"2011-06-11 13:55:54"},{"articleId":5,"title":"5","author":"superman","hits":"0","addDate":"2011-06-11 13:56:29"},{"articleId":6,"title":"拜拜拜拜吧","author":"superman","hits":"0","addDate":"2011-06-11 14:51:51"},{"articleId":7,"title":"333","author":"superman","hits":"0","addDate":"2011-06-11 15:00:56"}]}
loversam18 2011-06-13
  • 打赏
  • 举报
回复
实践证明:Json末尾的,不影响使用的,大家有没有看清楚我的问题?我是想直接读取JSON分页,不通过后台读取数据库的,JSON静态文件...
汉尼拔 2011-06-12
  • 打赏
  • 举报
回复
楼上要胡扯就胡扯,还贴这么一坨代码,何必呢?
失去乐山贼 2011-06-12
  • 打赏
  • 举报
回复
root:articleList
失去乐山贼 2011-06-12
  • 打赏
  • 举报
回复
参考

var itemsPerPage = 2; // set the number of items you want per page

var store = Ext.create('Ext.data.Store', {
id:'simpsonsStore',
autoLoad: false,
fields:['name', 'email', 'phone'],
pageSize: itemsPerPage, // items per page
proxy: {
type: 'ajax',
url: 'pagingstore.js', // url that will load data with respect to start and limit params
reader: {
type: 'json',
root: 'items',
totalProperty: 'total'
}
}
});

// specify segment of data you want to load using params
store.load({
params:{
start:0,
limit: itemsPerPage
}
});

Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: store,
columns: [
{header: 'Name', dataIndex: 'name'},
{header: 'Email', dataIndex: 'email', flex:1},
{header: 'Phone', dataIndex: 'phone'}
],
width: 400,
height: 125,
dockedItems: [{
xtype: 'pagingtoolbar',
store: store, // same store GridPanel is using
dock: 'bottom',
displayInfo: true
}],
renderTo: Ext.getBody()
});


用json数据只要root=articleList

87,917

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧