1、定义DataStore的Fields和Grid的Columns,这两个的格式和静态生成Grid时采用的是格式一样的,区别就是他们现在是根据程序动态生成的
var s_fields = '';
var s_columns = '';
for(var i = 0; i < data[0].length; i++){
if(s_fields.length > 0){
s_fields += ',';
}
if(s_columns.length > 0){
s_columns += ',';
}
s_fields += '{name:"' + data[0][i] + '"}';
s_columns += '{header:"' + data[0][i] + '",dataIndex:"' + data[0][i] + '",width:20,sortable:true}';
}
2、根据s_fields和s_columns的内容生成需要的DataStore和ColumnModel
var fields = eval('([' + s_fields + '])');
var store = new Ext.data.SimpleStore({fields : fields});
store.loadData(gridData);
//gridData为一二维数组,每一列对应store的一个field
var cm = new Ext.grid.ColumnModel(eval('([' + s_columns + '])'));
3、生成Grid(代码片断)
.....
.....
items :new Ext.grid.GridPanel({
ds : store,
cm : cm,
.....
.....
分享到:
相关推荐
ext grid 动态扩展 column动态添加
Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
NULL 博文链接:https://dejazhan.iteye.com/blog/871259
对ext Grid进行了封装,动态加载数据源,动态生成列
Ext Grid表格的自动宽度及高度的实现
Ext界面生成器Ext界面生成器Ext界面生成器Ext界面生成器
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
在Ext的grid里实现带radio单选功能的gridlist
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。
Ext 通过界面生成代码 生成器 Ext 通过界面生成代码 生成器
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
Ext grid panel 滚动条位置不变,适用于实时数据的刷新
EXT界面生成器 作者网站:http://tof2k.com/ext/formbuilder/ 汉化者网站:www.17ext.com EXT界面生成器 EXT界面生成器 EXT界面生成器
NULL 博文链接:https://mogen9999.iteye.com/blog/262819
本实例使用官方Ext3.1包 ...1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢
Ext 根据数据库返回json动态生成grid列表实例 完整代码