1.定义数据存储器:
var blackStore = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({
url:'$base/blacklist/getResult.o', //请求后台的URL
method:'post'
}),
reader:new Ext.data.JsonReader({ //以JSON方式读取数据, 此处的reader很容易错写成render.
root:'newList', //newList结果集的名称
totalProperty:'totalProperty' //totalProperty总记录数的名称
},[{name:'number'},{name:'source'}]
)
});
blackStore.load({params:{'start':0, 'limit':20}});//注意,要在此处调用,因为当Grid渲染到div后再调用的话,Grid将不会显示数据
blackStore.on('beforeload',function(){
Ext.apply(
this.baseParams,
{
'blacklist.number':Ext.getCmp('number').getValue(),
'blacklist.source':Ext.getCmp('source').getValue()
});
}); //在store重新加载数据时,将查询条件重新传到后台.
2.定义Grid显示的列
var blackCol = new Ext.grid.ColumnModel([
{header:'电话号码',dataIndex:'number',width:500},
{header:'号码来源',dataIndex:'source',width:300}
]);
3.定义Grid
blackCol.defaultSortable = true ; //设置列默认可排序
var blackGrid = new Ext.grid.GridPanel({//定义表格列表
el:'blackListGrid',
width:820,
defaults: {anchor:'95%'},
height:500,
title:'列表',
store:blackStore,
cm:blackCol,
loadMask:{msg:'正在加载数据,请稍候...'},
bbar:new Ext.PagingToolbar({
pageSize:20,
store:blackStore,
displayInfo:true,
displayMsg:'显示第{0} 条到第{1}条记录,一共{2}条记录',
emptyMsg:'没有记录'
})
});
blackGrid.render();
分享到:
相关推荐
ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料
Ext.grid.ColumnModel显示不正常
LearningExtJS 第五章节的翻译
通过 json 接收后台数据,在前台分页显示数据,这只是我整的一个例子哦,就是 dwr+ext
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
ext学习资料 ext ext技术资料
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
ext实验 主要 tree grid等学习记录ext 学习记录学习记录ext 学习记录学习记录ext 学习记录学习记录ext 学习记录
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。
Ext4 grid打印,打印预览,复杂表头打印,等等都实现了!
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
EXT中根据返回的grid中的状态列的内容来改变这一行显示的背景颜色
本实例使用官方Ext3.1包 ...1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
webservice提取数据 grid显示数据 csdn上feiyu0805做的,对Ext初学很有帮助, 我就上传了
自己编写的EXT例子,grid、tree从数据库读取数据动态显示,并进行分页。可以动态更换主题,并存入cookies中。
EXT grid导出EXCEL,有事例,下载后直接可用
官方例子 Ext grid filter