miniUI合并单元格

最近在项目中遇到合并单元格的问题,所以总结一下。
用的是miniUI框架,所以只谈miniUI中的单元格合并。
(1)必须添加onLoad="onLoad"
(2)需要在JS中进行单元格合并控制,实现代码如下:

 function onLoad(e) {
            var grid = e.sender;

            var marges = [
                { rowIndex: 1, columnIndex: 0, rowSpan: 1, colSpan: 2 },
                { rowIndex: 3, columnIndex: 0, rowSpan: 4, colSpan: 3 }
            ];

            grid.mergeCells(marges);
        }

此处的grid是你的datagrid的id;
定义一个变量数组,里面是你需要合并的单元格,其中包含4个属性,rowIndex,columnIndex分别代表行和列索引,均是从0开始算,rowSpan和colSpan分别代表要合并的行和列的宽度。
(3)最后需要调用mergeCells()方法来进行单元格合并,(2)中只是指出哪些单元格需要按照什么要求进行合并,真正的合并是步骤(3)
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
特殊情况1:需要合并动态画出的最后一行的前几个单元格(在单元格加载的时候自动进行合并)
(1)调用grid.load(param,function(){});方法
(2)合并单元格的操作在(1)中的function中实现,代码如下:

	//获取界面的所有行数
	var zhs = grid.getTotalCount();
	//定义要合并的单元格
        	var marges = [{ rowIndex: zhs-1, columnIndex: 0, rowSpan: 1, colSpan: 2}];
        	//调用mergeCells()方法进行单元格的合并
  		 	grid.mergeCells(marges);

特殊情况2:在数据加载成功的时候自动合并指定的单元格
(1)调用grid.onLoadSuccess(data){}方法
(2)在onLoadSuccess方法里面写具体的实现

$(this).datagrid('mergeCells',{
                index: index,
                field: 'gender',
                rowspan:rowspan
            });

以上就是关于我在项目中对于miniUI合并单元格的总结,还请各位看官多多指教,提出更好的改正意见。

在这里插入图片描述

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值