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是你的datagrid的id；
定义⼀个变量数组，⾥⾯是你需要合并的单元格，其中包含4个属性，rowIndex,columnIndex分别代表⾏和列索引，均是从0开始
算，rowSpan和colSpan分别代表要合并的⾏和列的宽度。
js合并两个数组（3）最后需要调⽤mergeCells()⽅法来进⾏单元格合并，（2）中只是指出哪些单元格需要按照什么要求进⾏合并，真正的合并是步骤（3）
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
特殊情况1：需要合并动态画出的最后⼀⾏的前⼏个单元格（在单元格加载的时候⾃动进⾏合并）
（1）调⽤grid.load(param,function(){});⽅法
（2）合并单元格的操作在（1）中的function中实现，代码如下:
//获取界⾯的所有⾏数
var zhs = TotalCount();
//定义要合并的单元格
var marges = [{ rowIndex: zhs-1, columnIndex: 0, rowSpan: 1, colSpan: 2}];
//调⽤mergeCells（）⽅法进⾏单元格的合并
特殊情况2：在数据加载成功的时候⾃动合并指定的单元格
（1）调⽤LoadSuccess(data){}⽅法
（2）在onLoadSuccess⽅法⾥⾯写具体的实现
$(this).datagrid('mergeCells',{
index: index,
field: 'gender',
rowspan:rowspan
});
<("load", function () {
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。