ext小结
2016-01-19 18:25
309 查看
1.ext grid 给单元格赋值
2.ext GridPanel获取某一单元格的值
3.ext修改和操作Panel的html属性值
4.Ext中renderer用法及参数
renderer:function(value,cellmeta,record,rowIndex,olumnIndex, store){}
1.value是当前单位格的值
2.cellmeta里保存的是cellId单位格id,id是列号,css是这个单位格的css样式。
3.record是所在行数据,你想要什么,record.data["id"]就获得了。
4.rowIndex是行号,不是从头往下数的意思,而是分页后的成果。
5.columnIndex列号。
6.store,这个是你创建表格时辰传递的ds,也就是说表格里所有的数据,你都可以随便调用
//拿到选中的列 ,下面是在editGridPanel中 var record = grid.getSelectionModel().selection.record; //如果是在GridPanel中,拿到record的方法为如下 //var record = grid.getSelectionModel().getSelected(); record.set(名称,值); record.commit();
2.ext GridPanel获取某一单元格的值
listeners:{ 'cellclick':function(grid, rowIndex, columnIndex, e){ editCell_row = rowIndex; editCell_col = columnIndex; var record = grid.getStore().getAt(rowIndex); var fieldName = grid.getColumnModel().getDataIndex(columnIndex); var data = record.get(fieldName); } }
3.ext修改和操作Panel的html属性值
khzbGrid.on('select', function( rowModel, record, index, eOpts ) { var zbms = record.get('zbms');//指标表述 var zbfdsm = record.get('fjsm');//指标分档说明 Ext.getCmp('eastZbmsPanel').body.update('<div tyle="font-size:smaller">' + zbms + '</div>'); Ext.getCmp('southZbfdsmPanel').body.update('<div tyle="font-size:smaller">' + zbfdsm + '</div>'); });
4.Ext中renderer用法及参数
renderer:function(value,cellmeta,record,rowIndex,olumnIndex, store){}
1.value是当前单位格的值
2.cellmeta里保存的是cellId单位格id,id是列号,css是这个单位格的css样式。
3.record是所在行数据,你想要什么,record.data["id"]就获得了。
4.rowIndex是行号,不是从头往下数的意思,而是分页后的成果。
5.columnIndex列号。
6.store,这个是你创建表格时辰传递的ds,也就是说表格里所有的数据,你都可以随便调用
相关文章推荐
- ext监听事件方法[初级篇]
- ext读取两种结构的xml的代码
- EXT富客户端后台管理系统 初步代码第1/2页
- ext实现完整的登录代码
- Ext第一周 史上最强学习笔记---GridPanel(基础篇)
- ext 列表页面关于多行查询的办法
- 用tip解决Ext列宽度不够的问题
- Ext 今日学习总结
- Ext JS框架中日期函数的用法及日期选择控件的实现
- Ext对基本类型的扩展 ext,extjs,format
- ExtJS 2.0实用简明教程 之Ext类库简介
- sencha ext js 6 快速入门(必看)
- ext jquery 简单比较
- flexigrid 类似ext grid的JS表格代码
- EXT中xtype的含义分析
- ext for eclipse插件安装方法
- 使Ext的Template可以解析二层的json数据的方法
- Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
- 利用Ext Js生成动态树实例代码
- Ext: 由于出现错误 80020101 而导致此项操作无法完成。