Extjs怎么用Grid显示Json数据?帮我看下这个代码错在哪里。

shidabbs 2015-10-01 04:46:27

Ext.onReady(function(){
var itemsPerPage = 2;//指定分页大小

var store = Ext.create('Ext.data.Store', {
autoLoad: {start: 0, limit: itemsPerPage},
fields:['id', 'title', 'detail'],
pageSize: itemsPerPage, //设置分页大小
proxy: {
type: 'ajax',
url: 'http://demo/Book/list.txt', //请求的服务器地址
reader: {
type: 'json',
root: 'rows',
totalProperty: 'results'
}
}
});
//创建Grid表格组件
Ext.create('Ext.grid.Panel',{
title : 'Ext.toolbar.Paging示例',
renderTo: Ext.getBody(),
width:400,
height:150,
frame:true,
store: store,
columns: [//配置表格列
{text: "类型编号", width: 80, dataIndex: 'id', sortable: true},
{text: "类型名称", width: 180, dataIndex: 'title', sortable: true},
{text: "类型说明", width: 280, dataIndex: 'detail', sortable: true}
],
bbar: [{
xtype: 'pagingtoolbar',
store: store, //这里需要指定与表格相同的store
displayInfo: true
}]
});
});


运行结果,表格显示出来了,但是没有加载任何数据。
...全文
94 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
shidabbs 2015-10-01
  • 打赏
  • 举报
回复
找到问题所在了。。。。 root: 'rows', 后面这个rows改成自己设定的表名,就显示出数据了。。 新人,犯的莫名其妙的错误。。
NANU-NANA 2015-10-01
  • 打赏
  • 举报
回复
store里有数据么?

87,888

社区成员

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

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