位置: 编程技术 - 正文

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)

  • 三税率什么意思
  • 免抵退税和留抵退税可以一起退吗
  • 应交税费转出未交增值税借贷方表示什么
  • 工程中常见的土方工程有哪些
  • 营业账簿指什么
  • 已认证抵扣的进项发票,次月开具红字发票信息表,凭证
  • 应收账款管理应该从哪些方面进行
  • 赠送样品视同销售增值税该怎么做账务处理呢?
  • 收到科技创新奖金怎么做分录
  • 保险公司多赔付的钱需要退还吗
  • 员工离职公司需要办理什么手续
  • 应交增值税进项税额转出借贷方向表示什么
  • 固定资产清单申报是什么意思
  • 电话费开专票可抵扣吗
  • 银行和保险公司归哪个部门管
  • 附加税的税率表
  • 公司购买理财产品的收益计入什么科目
  • 出口运保佣账务处理
  • 公司不盈利用交税吗
  • 资产负债率是什么之比
  • 外经证作废流程
  • 个人补缴公积金需要什么手续
  • 用后期进项抵欠怎么做账
  • 上市公司发行债券股价会涨吗
  • 公司租房中介费能报销吗
  • 企业间借款增值税怎么算
  • 电脑蓝屏修复方法是什么
  • 为什么打开Win10虚拟器后一直在界面
  • 生产车间闲置的固定资产
  • PHP:bzdecompress()的用法_Bzip2函数
  • 特许权使用费属于无形资产吗
  • 俄勒冈zip
  • php页面刷新代码
  • 金税盘减免税款留抵
  • 什么情况下可以赔偿n+1
  • vue的安装步骤
  • 语谱图生成
  • lunux删除命令
  • vmware vmtools
  • php自动载入文件的函数
  • 汽车以旧换新怎么操作
  • 什么发票才能做账务处理
  • 会务费什么企业可以开
  • 企业从政府取得的非货币资产应该按照什么计量
  • 专家评审费属于咨询费吗
  • 企业原材料成本占比
  • 外购商品发放给员工 进项税额能不能抵扣
  • 待处理财产损益借方增加还是减少
  • 工程物资月末必须结转吗
  • 暂估入库的商品能出库吗
  • 施工企业预估成本怎么算
  • 运输费计入什么科目分录
  • 发行债券支付的发行费用计入哪里
  • 关联企业是如何运作的
  • 土地需要摊销嘛?
  • 企业收到微信和企业微信
  • 债券发行后在市场上交易时是怎么确定交易价格的
  • 旅游费的发票可以进成本吗?
  • 新会计制度下五类是什么
  • xp系统删除密码
  • aow_exe.exe是什么进程
  • 怎么卸载电脑上的迅雷软件
  • rpm软件安装命令
  • windows8运行窗口怎么打开
  • android开发webview
  • js domcontentloaded
  • jquery实现手风琴遇到问题
  • 环境篇心中有光的作文
  • 用原生js写项目
  • CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载
  • python该怎么用
  • 安卓广播的作用
  • unity 内存管理
  • jquery的过滤器用于指定什么东西
  • jquery使用教程
  • 保险是不是跟车走
  • 税局如何查账
  • 国家税务总局深圳税局
  • 医保漏缴如何补交
  • 企业所得税年度申报时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设