一、功能描述。
展示信息的时候需要将信息根据地区分组。并且添加一摘要行用来显示其他三列在这一地区分组下的总面积之和。
并且根据点击不同的分类弹出不同的提示信息。
二、问题描述:
因为需要根据点击的分类显示不同的提示,所以要对点击的分类进行判断,于是监听分类列的点击事件,用点击事件函数参数中的record(行记录)来获取当前选中行的分类列中单元格的数据。
在第一个地区分组下操作任何行不存在问题。
但是换第二组第三组的时候确无法获取相应的数据,record记录均为第一组的数据。
三、思路&解决方案
1:思路、既然只有第一组能成功获取相应记录,并且点击其他组获得的依然是第一组的数据,证明数据并不存在record中,但是确显示出来了证明html元素中有值,
。
首先来看column列监听事件中函数的参数
- click:function(grid,td,rowIndex,cellIndex,element,rec,tr){
- //grid 即当前grid
- //td 即单击的td元素
- //rowIndex 行索引
- //cellIndex 列索引
- //element dom元素
- //rec 被选中的记录
- //tr tr元素
- }
原来我们不仅仅能够获得record,并且能得到点击的td元素。
我们于是可以通过Ext.get(td),获得一个Ext.dom.Element对象,这个对象包含了td的所有元素。根据第三个图可以看到td元素下还包了一个层div。我们就可以通过这个对象的first方法获得这个div对象。console这个div对象,分类列的显示信息在dom的innerHTML属性里,我们直接通过对象‘点’这个属性就获取到了。
写法如下:
cellclick:function(table,td,cellindex,rec,tr,rowIndex){ var title=Ext.get(td).first().dom.innerHTML; }
这里用的是grid的单元格点击事件,但是用列的单击事件也没问题,该有的参数还是有。
最终效果如下
无论是点击第一行还是其他行,始终能够获取对应的记录,从而作出判断显示不同的分类信息
相关推荐
ExtJS 配置和表格控件使用 关于extjs中的GRIDView配置详细操作过程进行描述
ExtJs表格点击超链接获取行的值,和各种获取节点值的方法
extjs表格、树控件
extjs中 google 不兼容 datefield 控件
extjs 简单表格呈现extjs 简单表格呈现extjs 简单表格呈现
可以动态的新增和删除Ext控件,这里支持的上传控件的新增和删除。
extJs grouping分组源码 类似qq分组功能
extjs 微调控件,时间微调控件,微调,javascript 微调 v2.0以上都可以用!!!
由于extjs3.0自己封装的时间不能够选择时分秒,给大家开发...虽然网上有ext2.0的日期扩展控件,但在3.0中不能用。公司现在项目正用了,因此我就对extjs3.0时间控件的扩展,实现了可选择时分秒功能。希望对大家有帮助。
资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
extjs ip控件 extjs ip控件 extjs ip控件 extjs ip控件 extjs ip控件
extjs 时间控件
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
网上找了一些,不是运行不了,就是代码繁多复杂。所以自己试着写了一个扩展的时间日期控件,可选时分秒,包含项目源代码,下载可直接运行·
Extjs 4.2分组小计
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
同事写的extjs月份扩展控件,可以直接调用,用于只要求显示月份不显示日期的项目
extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件
修改extjs控件,支持只选择年月,或者只选择年。 只要设置format:“Y-m”,"Y"即可。 xtype:'monthfield' 因为extjs的bug(3月30如果选择2月将自动变成3月)。所以需要修改monthField中safeParse方法: else if ("Y-m...
一个extjs的分页控件,就是可以选择一页显示多少条记录,该控件非常灵活,便于集成