extjs4 怎么取到所有columns的header 表头名

问题描述

var MyPanelUi = Ext.extend(Ext.Panel, { title: '上市公司股价信息', width: 764, renderTo:'mainDiv', initComponent: function() { this.items = [ { xtype: 'form', title: '', layout: 'hbox', formId: 'searchFrm', bodyStyle: 'background:#d6e3f3; padding:10px;', fieldDefaults: { labelAlign: 'right', labelWidth: 70, anchor: '100%' }, defaults: { margins: '5 40 0 0' }, items: [ { xtype: 'textfield', fieldLabel: '公司名称', name: 'userName', allowBlank: false }, { xtype: 'numberfield', name: 'price', fieldLabel: '股价', value: 5, minValue: 0, maxValue: 50 }, { xtype: 'button', text: '查 询' //,iconCls:'searchBtn' } ] }, { xtype: 'grid', title: '股价信息列表', id : 'mygrid', height: 323, store: ds, columns : [ { id :'company', text : 'Company', flex: 1, sortable : true, dataIndex: 'company' }, { text : 'Price', width : 75, sortable : true, dataIndex: 'price' }, { text : 'Change', width : 75, sortable : true, renderer : change, dataIndex: 'change' }, { text : '% Change', width : 75, sortable : true, renderer : pctChange, dataIndex: 'pctChange' }, { text : 'Last Updated', width : 85, sortable : true, renderer : Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange' }, { text: 'Rating', width: 30, sortable: true, renderer: rating, dataIndex: 'rating' } ], bbar: { dock: 'bottom', xtype: 'pagingtoolbar', store: ds, pageSize: 25, displayInfo: true, displayMsg: '当前 {0} 到 {1} 条 共有 {2}条', emptyMsg: '没有可供显示的数据' }, tbar: { xtype: 'toolbar', items: [ { xtype: 'button', iconCls: 'add', text: '添加', handler: function () { var column=Ext.getCmp('mygrid').columns; alert(column); //alert(Ext.getCmp('mygrid').column.getColumnCount()); } }, { xtype: 'button', iconCls: 'update', text: '修改' }, { xtype: 'button', iconCls: 'remove', text: '删除' } ] } } ]; MyPanelUi.superclass.initComponent.call(this); } }); var column=Ext.getCmp('mygrid').columns;                                 alert(column);

解决方案

var column=Ext.getCmp('mygrid').getStore().fields; alert(column);
解决方案二:
columns[i].text
解决方案三:
引用是不是column.items.??可以取到key 或者value key 就相当于 dataIndexvalue 是从store里面取出来的,store.data[dataIndex]
解决方案四:
引用或者循环columns,取出dataindex采取这种方式,应该可以,如果你的component没有设置store的话
解决方案五:
下面给你个链接自己看看http://stackoverflow.com/questions/1300483/how-do-i-get-column-name-from-rowselection-in-an-extjs-gridIf you want to get the column header, call "yourGrid.getColumnModel().getColumnHeader(colIndex)
解决方案六:
或者循环columns,取出dataindex

时间: 2024-08-01 22:04:04

extjs4 怎么取到所有columns的header 表头名的相关文章

gridview全选与取值操作

gridview全选与取值操作   'columns'=>array(             array(                 'class'=>'CCheckBoxColumn',                 //'header'=>'全选',                 //'value'=>'$data->id',                 //'checked'=>'true',                 'htmlOption

使用python和tableau对数据进行抓取及可视化

本篇文章介绍使用python抓取贷款及理财平台的数据,并将数据拼接和汇总.最终通过tableau进行可视化.与之前的python爬虫文章 不同之处在于之前是一次性抓取生产数据表,本次的数据需要每天重复抓取及存储,并汇总在一起进行分析和可视化. 开始前的准备工作 开始之前先导入所需使用的库文件,各个库文件在整个抓取和拼表过程中负责不同的部分.Requests负责页面抓取,re负责从抓取下 来的页面中提取有用的信息,pandas负责拼接并生成数据表以及最终的数据表导出. </pre>  #导入re

multipart-ssh的form表单上传图片后的取值问题

问题描述 ssh的form表单上传图片后的取值问题 我在form表单中加上enctype="multipart/form-data",后台有时候能获取值,有时候后台的值为null 解决方案 贴出源码看一下啊,前台form后台处理的~ 解决方案二: 建议你用抓抓数据流的包,比如上传一个包含几个字的记事本,看看http报文,自己就有可能找到答案了.

js和jsp互相取值

  js取java的变量方法①: var a = "<%=num%>" 方法②:  通过js控制html节点,如document.getElementById("name"),$("#name").val()等   java取js值 一般是在表单中用一个的隐藏表单元素,然后在脚本中将js变量值赋给它: var name=xy; form1.nameHidden.value=name; <input type="hidd

java-如何随机取数据库中的记录

问题描述 如何随机取数据库中的记录 数据库表中有10000条记录,若干字段,开始只有name和password字段有信息,当用户登录平台填写完整信息后,将这些填写的信息随机绑定到10000条记录中的其中一条记录的剩余字段中,每条记录只能使用一次,ibatis的sql语句和java逻辑怎么写,新手求教,第一次提问 解决方案 这是很经典的需求,参考:http://www.cnblogs.com/lyhabc/p/3826872.html 解决方案二: 为什么非要绑定到随机的一条记录里?资助每条记录只

使用接口来统一控件的取值、赋值和初始化

        这里说的控件主要指的是文本框.下拉列表框这一类的控件,用户使用这些控件输入数据,然后我们需要提取这些数据进行处理.但是不同的控件有不同的取值方式,比如文本框要用Text,下拉列表框是SelectedValue (当然还有其他的方法),CheckBoxList也是SelectedValue,但是这个只能获取第一个选项,如果是选择了多个选项,他只能返回第一个被选中的选项.可能您觉得这个没什么的呀,很正常呀.         是呀,只不过我比较懒,尤其在写表单控件的时候,如何取值就是一

ORACLE错误一览表 方便查询_oracle

ORACLE错误一览表,方便大家查询! ORA-00001: 违反唯一约束条件 (.) ORA-00017: 请求会话以设置跟踪事件 ORA-00018: 超出最大会话数 ORA-00019: 超出最大会话许可数 ORA-00020: 超出最大进程数 () ORA-00021: 会话附属于其它某些进程:无法转换会话 ORA-00022: 无效的会话 ID:访问被拒绝 ORA-00023: 会话引用进程私用内存:无法分离会话 ORA-00024: 单一进程模式下不允许从多个进程注册 ORA-000

DIV+CSS布局实例:各种2栏3栏布局实例(附下载)

css|下载 Two Column Flexible Browsers: ' ' ' ' (5+) Description: Probably the easiest page to make. Contains two layout divs, the main content div is just floated to the left. Very simple! Actions: View | Image Preview | Download [ 5k] [ZIP] Two Column

WML学习(三):显示文本

显示 显示文本在文本的显示上WML基本和HTML相同.文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center:mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条的机制来显示所有文字. 换行标签也一样为<