`
kangsoft
  • 浏览: 70632 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ExtJs实现 Grid动态生成列

阅读更多
以下是一个案例,有需求的朋友可以参看下: 
var cmItems = []; 
var cmConfig = {}; 
cmItems.push(new Ext.grid.RowNumberer()); 
cmItems.push(sm); 
cmItems.push({header : 'id',dataIndex : 'id',hidden : true,sortable : true}); 
cmItems.push({header : '单据编号',dataIndex : 'no',sortable : true}); 
cmItems.push({header : '组织',dataIndex : 'orgName',sortable : true}); 
cmItems.push({header : '上报日期',dataIndex : 'reportDate',sortable : true}); 
var priceTypeList = results.root 
for(var i=0;i<priceTypeList.length;i++){ 
     cmConfig = {header : priceTypeList[i].priceType,dataIndex : 'priceType'+priceTypeList[i].id,width : 100,sortable : true} 
     cmItems.push(cmConfig); 
} 
cmItems.push({header : ' 备注',dataIndex : 'note',width : 150,sortable : true}); 
cmItems.push({header : '创建人',dataIndex : 'createUserName',sortable : true}); 
cmItems.push({header : '创建日期',dataIndex : 'createDate',width : 120,sortable : true}); 
cmItems.push({header : '修改人',dataIndex : 'updateUserName',sortable : true}); 
cmItems.push({header : '修改日期',dataIndex : 'updateDate',width : 120,sortable : true}); 
cmItems.push({header : '状态',dataIndex : 'state',sortable : true}); 
// 信息列 
var cm = new Ext.grid.ColumnModel(cmItems); 

 

 

  • 大小: 3.3 KB
分享到:
评论
6 楼 kangsoft 2011-01-05  
zhengpei456 写道
kangsoft 写道
zhengpei456 写道
恕我愚昧,请问一下,你的results.root   中results是从何而来的。能具体一点吗?

这个在开始时需要先通过ajax同步方法获取到数据的

能把详细代码给我看看吗,急用,但是没做出来,我的json字符串获取的数据是这样的:

{"success":true,"
  totalCount":8,
"root":[
      {"semester":{"startDate":"2010-06-01","endDate":"2011-02-01","index":1,"active":true,"year":2009,"id":2},
          "scoreSheet":"語文",
          "score":"測驗1:87.0 平時分:87.0 考試分:86.0 總分:86.5 ",
          "columns":[
                 {"header":"測驗1","score":87.0,"dataIndex":"測驗1","width":50},
                 {"header":"平時分","score":87.0,"dataIndex":"平時分","width":50},
                  {"header":"考試分","score":86.0,"dataIndex":"考試分","width":50},
                  {"header":"總分","score":86.5,"dataIndex":"總分","width":50}
           ]
      },

只取了一条数据,现在需要动态的部分为columns--这部分是从数据库取得的可能是一条可能是多条,但是不管是多少条数据有多少条就需要在grid中动态生成几列。

你的代码results.root    是否是取得columns这部分的内容呢?

加我QQ联系吧(329365156)
5 楼 zhengpei456 2011-01-05  
kangsoft 写道
zhengpei456 写道
恕我愚昧,请问一下,你的results.root   中results是从何而来的。能具体一点吗?

这个在开始时需要先通过ajax同步方法获取到数据的

能把详细代码给我看看吗,急用,但是没做出来,我的json字符串获取的数据是这样的:

{"success":true,"
  totalCount":8,
"root":[
      {"semester":{"startDate":"2010-06-01","endDate":"2011-02-01","index":1,"active":true,"year":2009,"id":2},
          "scoreSheet":"語文",
          "score":"測驗1:87.0 平時分:87.0 考試分:86.0 總分:86.5 ",
          "columns":[
                 {"header":"測驗1","score":87.0,"dataIndex":"測驗1","width":50},
                 {"header":"平時分","score":87.0,"dataIndex":"平時分","width":50},
                  {"header":"考試分","score":86.0,"dataIndex":"考試分","width":50},
                  {"header":"總分","score":86.5,"dataIndex":"總分","width":50}
           ]
      },

只取了一条数据,现在需要动态的部分为columns--这部分是从数据库取得的可能是一条可能是多条,但是不管是多少条数据有多少条就需要在grid中动态生成几列。

你的代码results.root    是否是取得columns这部分的内容呢?
4 楼 kangsoft 2011-01-05  
zhengpei456 写道
恕我愚昧,请问一下,你的results.root   中results是从何而来的。能具体一点吗?

这个在开始时需要先通过ajax同步方法获取到数据的
3 楼 zhengpei456 2011-01-04  
恕我愚昧,请问一下,你的results.root   中results是从何而来的。能具体一点吗?
2 楼 meaijuan 2010-11-04  
1 楼 flyfan 2010-10-20  
谢谢,对我很有帮助

相关推荐

    Extjs动态Grid的生成 htm

    Extjs动态Grid的生成 htm

    ExtJs动态grid的生成

    NULL 博文链接:https://dejazhan.iteye.com/blog/871259

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    ASP.NET结合EXTJS动态生成Grid列表的例子程序源码

    ASP.NET结合EXTJS动态生成Grid列表的例子程序源码

    extjs4如何自动生成掌握grid的列显示、隐蔽的checkbox_.docx

    extjs4如何自动生成掌握grid的列显示、隐蔽的checkbox_.docx

    ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox

    需要做一个控制grid列显示的checkboxgroup,虽然EXTJS4中的gridpanel自带列表可以来控制列的显示隐藏,需要的朋友可以参考下

    ExtJs grid导出Excel

    本人亲测在 ExtJs4.2 上可用,有两种实现导出Excel的 方法,资源内附简单的使用说明。因本人没多少资源分了,所以万不得已设置 资源分为 2 分。

    ASP.NET结合EXTJS动态生成Grid列表的演示

    内容索引:.NET源码,Ajax相关,EXTjs 结合EXTJS类库动态生成Grid数据列表的演示,如果你没有配置数据库信息,那么程序运行时会自动弹出数据安装窗口,安装完成就可以查看演示了,基于EXT风格的Ajax数据列表,简洁实用...

    extjs2.2.1

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,推拽改变...

    ExtJS4 动态生成的grid导出为excel示例

    研究了一下那个源码,搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小BUG,一个使用grid初始化发生的BUG 下面记录一下步骤。说不定下次还有用 1.下载需要用到js代码,我已经上传 2.在你的html文件...

    ext.net-extjs

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    EXTJS开发文档

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    EXTJS 3.3.1例子

     自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。  再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽...

    extjs3.2 资源包文件

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变...

    ExtJS(ajax框架) 4.2.1

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    Extjs中文文档.pdf

     自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。  再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽...

    extjs4.0开发技术文档

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    ExtJS 4.2.0

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    EXTJS 3.0中文版文档+实例

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

Global site tag (gtag.js) - Google Analytics