Extjs怎么用Grid显示Json数据?帮我看下这个代码错在哪里。
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
}]
});
});
运行结果,表格显示出来了,但是没有加载任何数据。
...全文
相关推荐
php+extjs+grid实时显示更新数据
本话题将探讨如何利用PHP作为后端服务器语言,EXTJS作为前端JavaScript框架,以及EXTJS的Grid组件来实现数据的实时更新显示。
Extjs Grid+apsx+json Demo
**ExtJS Grid**:这是一个客户端的组件,它使用HTML和JavaScript来显示和操作表格数据。ExtJS Grid提供了多种样式和配置选项,使得开发者可以定制出符合业务需求的表格。
extjs动态表格实例(封装GRID,从STRUTS2读取后台数据 )
**处理JSON响应**:在前端,当Store接收到JSON数据后,会自动更新Grid,显示数据。5.
extjs_02_grid显示本地数据、显示跨域数据_.docx
### ExtJS Grid 显示本地数据与跨域数据详解#### 一、ExtJS Grid 基础介绍ExtJS 是一款强大的 JavaScript 框架,用于构建交互式的 Web 应用程序。
extjs_02_grid显示本地数据、显示跨域数据
需要注意的是,由于提供的部分代码内容存在OCR扫描错误或者缺失,实际实现时需要根据Ext JS的API文档来修正和补全代码。### 结论Ext JS Grid组件能够灵活地显示本地数据和跨域数据。


