位置: 编程技术 - 正文

ExtJS 4.2 Grid组件单元格合并的方法

编辑:rootadmin

推荐整理分享ExtJS 4.2 Grid组件单元格合并的方法,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能。

目录

1. 原理

2. 多列合并

3. 代码与在线演示

1. 原理

1.1 HTML代码分析

首先创建一个Grid组件,然后查看下的HTML源码。

1.1.1 Grid组件

1.1.2 HTML代码

从这些代码中可以看出,Grid组件可分为grid-header和grid-body 两块区域(若含有工具栏和分页栏,它们都会含有各自的独立区域)。

其中grid-body包含了许多tr元素,每一个tr都是代表Grid组件中的一行数据;每个tr内部都包含了许多td,每个td表示一个单元格。

1.1.3 结构图

1.2 原理

1.2.1 步骤说明

具体的操作是针对tr元素,步骤如下:

1) 比较第一行tr与第二行tr的某个td的值,若两行的值相等:设置第一行tr的td的rowspan属性的值+1;设置第二行tr的td隐藏。

2) 比较第一行tr与第三行tr的某个td的值,若两行的值相等:设置第一行tr的td的rowspan属性的值+1;设置第三行tr的td隐藏。

3) 重复上面的步骤,若两行的值不相等,就跳过本次比较,进行下一次比较:当前行与下一行进行比较。

ExtJS 4.2 Grid组件单元格合并的方法

1.2.2 示例

1) tr1与tr2比较,两者值相等:设置tr1的rowspan属性的值+1;设置第tr2的td隐藏。

2)tr1与tr3比较,两者值相等:设置tr1的rowspan属性的值+1;设置第tr3的td隐藏。

3) tr1与tr4比较,两者的td不相等。跳过本次比较,进行下一次比较:tr4与tr5比较(当前行与下一行进行比较)。

2.多列合并

Gird的合并可分为单列合并和多列合并,其中多列合并可分为两种:

第一种:逐个列合并。

第二种:相同列合并。

2.1 逐个列合并

说明:每个列在前面列合并的前提下可分别合并。

示例:

2.2 全部列合并

说明:只有相邻tr所指定的td都相同才会进行合并。

示例:

3. 代码与在线演示

3.1 代码

3.2 在线演示

在线演示:

Extjs让combobox写起来简洁又漂亮 也已经写了很久时间的extjs,每次都用到很多的combobox,配置很多东西觉得实在是太麻烦,所以根据常用到的情况写了一个简便的combobox,再次记录下来

基于ExtJs在页面上window再调用Window的事件处理方法 今天在开发Ext的过程中遇到了一个恶心的问题,就是在ext.window页面,点击再次弹出window时,gridpanel中的store数据加载异常,不能正常被加载,会出现缓

Extjs grid panel自带滚动条失效的解决方法 之前用EXTJS的gridPanel组件的时候,因为经常对gridPanel中的stroe数据进行过滤,所以有时候总是导致gridPanel自身所带的scrollbar失效。取个实例,EXTJSgridPanel

标签: ExtJS 4.2 Grid组件单元格合并的方法

本文链接地址:https://www.jiuchutong.com/biancheng/368503.html 转载请保留说明!

上一篇:Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享(js框架的作用)

下一篇:Extjs让combobox写起来简洁又漂亮(combobox jsp)

  • 增值税专用发票怎么开
  • 小规模纳税人的企业所得税税率
  • 所得税税前扣除凭证管理办法
  • 企业合并吸收税务处理
  • 自查补税申报表
  • 银行汇票可以异地跨行使用吗
  • 合并扣税项是什么科目
  • 固定资产加速折旧税收优惠政策
  • 普通发票为什么没有章
  • 短期借款会计核算
  • 缴纳土地出让金后多久能拿到土地证
  • 营改增后哪些费用可以抵扣
  • 工会疗养政策对比
  • 车船使用税应该交哪里的税
  • 存货盘盈与盘亏
  • 生育津贴个税汇算清缴可以扣除吗
  • 烟草生产者消费税计算方法
  • ktv的发票可以报销吗
  • 新公司注册后先开户还是先税务登记
  • 幼儿园是否缴纳残疾人保障金
  • 怎么导出全年开奖记录
  • 二手店铺转让手续流程
  • 三代税款手续费是什么意思
  • 平销返利税率
  • 独立账户负债核算内容
  • 承兑交单是什么的一种
  • linux用途是什么
  • 工程发票可以用材料发票抵扣吗
  • PHP:mb_http_input()的用法_mbstring函数
  • 跨年冲减无发票怎么入账
  • 以太网默认网关不可用
  • 圣诞精灵什么意思
  • 什么企业需要开具矿产品发票
  • yii2中dropDownList实现二级和三级联动写法
  • 应纳税所得额的意思
  • 卡拉公路
  • WGAN(Wasserstein GAN)看这一篇就够啦,WGAN论文解读
  • vue-element
  • 产成品核算的内容
  • 融资租赁初始直接费用计入哪个科目
  • nginx运行python
  • 企业的工会经费可以用于什么地方
  • 工资可以当月计提当月发放怎么做账
  • 多计提的个税能退回给员工吗
  • 采购供应部门发挥的作用
  • 行政单位基建管理办法
  • 转账进公户
  • 民间非营利组织会计制度及操作实务
  • 收到加工费怎么做账务处理分录
  • 以货换货合同
  • 速动比率和流动比率的关系
  • 冲销以前年度多提税金
  • 销售收入小于销售成本
  • 电子发票能否作废
  • 外地工程预缴的工资怎么做账务处理
  • 发放奖金怎么做账
  • 预存返利骗局
  • 去年多摊销了怎么办
  • 对公账户付个人工资怎么入账
  • 网络使用费属于办公费吗为什么
  • 汇算清缴后收到退回的所得税
  • 私营企业固定资产法律制度
  • sqlserver not in 语句使程充崩溃
  • 群发网址
  • centos6.10配置网络
  • win7旗舰版系统还原无法启动
  • OS X Yosemite系统怎么制作u盘安装盘
  • linux 截屏
  • windows10 正式版
  • cocos2dx schedule
  • jquery返回顶部
  • python的遍历
  • 欢迎使用本公司智能语音电动车音效
  • 安卓怎么记录时间
  • js保存设置
  • 增值税发票税控开票软件客服
  • 江苏电子税务局app下载
  • 2022年国家标准公文格式
  • 粤泰股份公司
  • 津补贴怎么算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设