Extjs 动态改变列名
- 列名与对应的值是动态改变的,也就是说要展示的列名可能随时改变。
首先选择了默认的列作为显示,在tbar中加入一个按钮弹出所有可能要显示的列名,选择后将对应的列名与值显示在grid中,例如身份证号码 男性 青年 中年 商人
3424×× 是 否 是 是
1234×× 否 是 否 否Js代码 - function createRecordValue(){ //动态生成recordValue
var tempValue = new Array(); var j = 0; tempValue[j] = {name:'UserId'}; for(var i = 0 ;i < amdValue.length;i++){ tempValue[++j] = {name: "N"+amdValue[i]}; //列名 tempValue[++j] = {name: "V"+amdValue[i]};//列名对应的值 } return tempValue; } function createColumn(){//动态生成列名,amdValue为要显示的列的数组 var tempColumn = new Array(); var j = 0; tempColumn[j] = {header:'身份证号',dataIndex:'UserId',sortable:true,renderer:getUserInfo}; for(var i = 0;i < amdValue.length;i++){ tempColumn[++j] = {header:"N"+amdValue[i],dataIndex:"V"+amdValue[i],id:"V"+amdValue[i],sortable:true}; } return tempColumn; } //动态设置列名 var index = cm.getIndexById("V"+amdValue[i]); var str = r[0].get("N"+amdValue[i]);//r[]后台返回的记录集;amdValue[i]是要显示的列的关键字 cm.setColumnHeader(index,str); //刷新CM,STORE grid.reconfigure(store, cm);
function createRecordValue(){ //动态生成recordValuevar tempValue = new Array();var j = 0;tempValue[j] = {name:'UserId'};for(var i = 0 ;i < amdValue.length;i++){tempValue[++j] = {name: "N"+amdValue[i]}; //列名tempValue[++j] = {name: "V"+amdValue[i]};//列名对应的值}return tempValue; }function createColumn(){//动态生成列名,amdValue为要显示的列的数组var tempColumn = new Array();var j = 0;tempColumn[j] = {header:'身份证号',dataIndex:'UserId',sortable:true,renderer:getUserInfo};for(var i = 0;i < amdValue.length;i++){tempColumn[++j] = {header:"N"+amdValue[i],dataIndex:"V"+amdValue[i],id:"V"+amdValue[i],sortable:true};}return tempColumn;}//动态设置列名 var index = cm.getIndexById("V"+amdValue[i]);var str = r[0].get("N"+amdValue[i]);//r[]后台返回的记录集;amdValue[i]是要显示的列的关键字cm.setColumnHeader(index,str);//刷新CM,STORE grid.reconfigure(store, cm);
Extjs 动态改变列名相关推荐
- Extjs动态改变window的内容和fbar
Extjs动态改变window的内容和fbar,实现类似翻页的导航. 今天做项目时,经理要求我实现win上的翻页功能,通过标题进行上一页和下一页的导航功能,查阅了相关资料后,实现了如下的效果,当标题超 ...
- C# 设计时动态改变实体在PropertyGrid中显示出来的属性
方法一: /// <summary>/// 实体属性处理/// </summary>public class PropertyHandle{#region 反射控制只读.可见属 ...
- 使用CAShapeLayer实现一个音量大小动态改变的控件
一.案例演示 对于实时显示语音音量大小的需求,发现很多人的实现方式通过预放置多张图进行切换进行完成的.这样的处理,不但会浪费App的资源存储空间,而且效率也不高.对于符合某一定规律动态改变的图形,我们 ...
- uniapp、vue,vuex中state改变,getters不动态改变的完美解决方案!
uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! 参考文章: (1)uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! ( ...
- 解决javascript动态改变img的src属性图片不显示问题
解决javascript动态改变img的src属性图片不显示问题 参考文章: (1)解决javascript动态改变img的src属性图片不显示问题 (2)https://www.cnblogs.co ...
- 【Android 进程保活】oom_adj 值 ( oom_adj 值对应的进程优先级 | oom_adj 值动态改变 | 进程保活优化方向 )
文章目录 一.oom_adj 值对应的进程优先级 二.oom_adj 值动态改变 1.正常运行时的 oom_adj 值 2.按下 Home 键后的 oom_adj 值 3.按下回退键后的 oom_ad ...
- WEUI picker组件无法js动态改变选项
功能需求 设备号和摄像头都可以下拉选择,但是具体的摄像头下拉选项是根据设备号而定的.如下图,尾号为352的设备号只有前置摄像头,尾号为657的设备号前置和后置摄像头都有. 问题说明 一般情况下,这个需 ...
- js动态改变下拉菜单内容示例 .
<HTML><HEAD><TITLE>动态改变下拉菜单内容示例</TITLE></HEAD><SCRIPT LANGUAGE=java ...
- 动态改变select 宽度
有一个简单的办法:动态改变宽度 <select οnblur="this.style.width=30" οnfοcus="this.sty ...
最新文章
- 快过年了,博客园里的文章也变少了
- [转]#pragma once和#pragma comment
- 内存监控及报警shell脚本
- 复读数组(nowcoder 1103A)
- 简述WebService与.NET Remoting的区别及适应场合
- java 覆盖和隐藏_Java方法的覆盖与隐藏的区别分析
- 苹果在中国设立首个App设计开发加速器
- 信贷系统学习总结(2)——现金贷之借贷模式与前端产品
- Golang 的类型与零值
- exit()和_exit()的区别
- android job service,服务保活那些事(Job Service ,JobScheduler)
- Linux和Windows文件实时同步
- python exec 返回值_Python exec()用法及代码示例
- 带有两位小数的元转分
- Zabbix-Sender 增加自定义监控项-- Ping 到目的地链路监控--bat脚本循环运行
- #2微信小程序错误:音乐API调用音乐URL时出现错误
- 转载:解决服务器上 w3wp.exe 和 sqlserver.exe 的内存占用率居高不下的方案
- 个人即时到帐支付接口-个人收款即时到账免签约
- linux怎么生成图形,如何在Ubuntu 16.04中创建GIF动态图片
- delphi 11 中 libaray path 的设置