使用ComponentOne Wijmo的SpreadJS合并单元格-控件新闻-慧都网

使用ComponentOne Wijmo的SpreadJS合并单元格

原创|使用教程|编辑：郝浩|2013-07-11 14:21:15.000|阅读 677 次

概述：ComponentOne Studio for ASP.NET Wijmo运用最先进的CSS3、HTML5、jQuery等技术，帮助用户创建最强大的Web应用。慧都就用Web上比较难实现的表格操作来证明它的强大性。

　　ComponentOne Studio for ASP.NET Wijmo运用最先进的CSS3、HTML5、jQuery等技术，帮助用户创建最强大的Web应用。接下来慧都就用Web上比较难实现的表格操作来证明它的强大性。

　　Web上的报表或表格应用，较为复杂的表格操作一般都比较难实现了，而运用ComponentOne Studio for ASP.NET Wijmo中的SpreadJS，能够实现一些难以相信的表格操作，为最终用户提供类似桌面应用的操作体验。例如接下来我们要说的单元格合并，即将一系列的单元格合并成一个新的跨几行或几列的单元格，这个功能在Excel中非常常见，在中国式报表中，合并单元格的目的一般是创建行列标题或者进行分类汇总。

使用ComponentOne Wijmo的SpreadJS合并单元格

　　我们就以一个简单的例子来说明操作步骤，要合并A1，B1，C1来创建一个叫“Monthly Sales”的行标题，只需要以下代码：

sheet.addSpan(0, 0, 1, 3);
sheet.getCell(0, 0).hAlign($.wijmo.wijspread.HorizontalAlign.center)
sheet.setValue(0, 0, "Monthly Sales");
sheet.setValue(1, 0, "Jan");
sheet.setValue(1, 1, "Feb");
sheet.setValue(1, 2, "Mar");

　　然后就是下面合并的结果：

使用ComponentOne Wijmo的SpreadJS合并单元格

　　当然，也有可能有另外一种需求，也就是想要合并工作表中的列标题或行标题，如下所示：

使用ComponentOne Wijmo的SpreadJS合并单元格

　　这个Wijmo也是可以实现的，需要使用addSpan方法来增加如下SheetArea的参数：

sheet.addSpan(0, 0, 1, 3, $.wijmo.wijspread.SheetArea.colHeader);

　　删除合并单元格也非常简单，使用removeSpan方法就可以了：

var spans = sheet.getSpans();
for(var i = 0; i < spans.length; i++) {
	sheet.removeSpan(spans.row,spans.col);
}

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：慧都控件网

上一篇：活学活用AnyChart 谁说图表控件不能这样用下一篇：WinRT界面控件Essential Studio使用教程：创建走势图

在线采购

中文文档库

试用/Demo下载

开发社群