浏览 4898 次
锁定老帖子 主题:EXTJS制作一个简单表格的思路
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (7)
|
|
---|---|
作者 | 正文 |
发表时间:2011-04-27
由数据存储器Ext.data.Store定义。它把各种原始数据转换成Ext.data.Record类型的对象数组。 如果把Store看作是一张二维表,那么它的每一行就对应一个Record实例。 定义Store要包含以下两个部分: a.proxy:获取数据的方式。他是一个DataProxy 对象,定义一个对象,就要看到的构造方法,如果没有构造方法,要看看他的子类。 b.reader:如何解析获取到的数据。他是一个Reader 对象,它的定义思路和proxy的一样 2.怎样显示出来? 要通过列信息显示,Ext.grid.ColumnModel,怎样定义呢? 看一下它的构造方法:ColumnModel ( Mixed config ) ,再看看他的配置项,怎样定义有思路了吧。 3.一切就绪,可以创建一个最基本的表格了。 <script type="text/javascript"> Ext.onReady(function(){ var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id'}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]); var data = [ ['1','name1','descn1'], ['2','name2','descn2'], ['3','name3','descn3'], ['4','name4','descn4'], ['5','name5','descn5'] ]; var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({}, [ {name: 'id'}, {name: 'name'}, {name: 'descn'} ]) }); store.load(); var grid = new Ext.grid.GridPanel({ autoHeight: true, renderTo: 'grid', store: store, cm: cm }); }); </script> 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2011-05-03
不错,我今晚刚刚看书看到这里
|
|
返回顶楼 | |
发表时间:2011-05-04
学ExtJS4吧,正式版已经出了,与3差别还是比较大的,刚学的,建议直接学4。
|
|
返回顶楼 | |
发表时间:2011-06-03
这是什么年代的代码?
|
|
返回顶楼 | |
发表时间:2011-06-17
楼主的代码不是Ext 深入浅出中的代码吗?呵呵
|
|
返回顶楼 | |