ext4中实现动态grid生成
来源:互联网 发布:北京市妇幼保健网络信息系统 编辑:程序博客网 时间:2024/06/10 18:06
ExtJS4可以实现gird表头,样式和数据 由后台传来的数据来动态展现,这样就实现了可以自由动态配置grid,实现方式如下:
1,编写以下extjs代码:
Ext.onReady(function(){
Ext.Ajax.request({
url: 'json.jsp',
params : {
action : "query"
},
method : 'POST',
success : function(response) {
var json = Ext.JSON.decode(response.responseText); //获得后台传递json
var store = Ext.create('Ext.data.Store', {
fields : json.fieldsNames,//把json的fieldsNames赋给fields
data : json.data //把json的data赋给data
});
Ext.getCmp("configGrid").reconfigure(store, json.columModle); //定义grid的store和column
Ext.getCmp("configGrid").render();
}
});
Ext.create("Ext.grid.Panel",{
id : 'configGrid',
name : 'configGrid',
columns : [],
displayInfo : true,
emptyMsg : "没有数据显示",
items : [],
renderTo:'grid'
});
})
2,以上代码中Json.jsp数据如下:
<%@ page language="java" pageEncoding="GBK"%>
{'data':[{'统计':'销售收入','安徽':823731.0,'福建':1136375.0,'湖南':33700.0,'浙江':32760.0},{'统计':'销售数量','安徽':15218.0,'福建':21375.0,'湖南':600.0,'浙江':546.0}],'columModle':[{'header': '统计','dataIndex': '统计','width':80},{'header':'安徽','dataIndex':'安徽'},{'header':'福建','dataIndex':'福建'},{'header':'湖南','dataIndex':'湖南'},{'header':'浙江','dataIndex':'浙江'}],'fieldsNames':[{name: '统计'},{name: '安徽'},{name: '福建'},{name: '湖南'},{name: '浙江'}]}
- ext4中实现动态grid生成
- ext4中实现动态grid生成
- Ext4 实现grid 表格文字居中
- codeSmith实现ExtJS中Grid代码生成
- Ext-动态生成grid
- Ext 动态生成Grid
- JAVA LIST 简单分页 集成EXT4 grid表头动态返回
- Extjs 中fields和grid的columns如何动态生成
- ExtJs动态grid的生成
- Extjs-Grid-动态生成columns
- grid中实现换行
- 后台动态生成Grid 行数列数
- Ext4.1 Grid 分页查询
- Ext4使用总结(十) 如何在Ext4 的grid中显示精确到秒的时间
- ext中将tree中的数据拖拽到grid中,动态生成列
- Ext4 Grid中点击按钮使用rowedit新建记录+取消删除新建的记录
- 编程之旅-Ext4.X导入excel表格在grid中显示
- Ext4 在tips中展示Grid中的某一列的所有值
- C# 抓取网页类(获取网页中所有信息)
- 如何在js中取到自定义的属性值(非表单元素)
- 用Java设计一个判断一个正整数是否为质数的算法
- 中大-复试-2008-编程题一
- 13 种编程语言名称的来历
- ext4中实现动态grid生成
- 计算Fibonacci数列
- 正则化和归一化的浅层理解
- 冒泡排序法
- MySQL学习系列之创建用户并分配权限(二)
- Android Service被关闭后自动重启,解决被异常kill 服务
- 深入理解java异常处理机制
- hdu1251 字典树trie 模板题
- C# 程序集 和 反射