1.   表格单元格合并组件

1.1.      效果展示

1.1.1.    页面展现表格合并单元格

图 4.1

1.1.2.    导出excel合并单元格

图 4.2

1.2.      调用说明

1.2.1.    表格合并单元格调用说明

首先，要有一个在viewModel中绑定的表格，例如，我们有一个绑定对象为this.grid的表格

我们要在表格的onLoadSuccess事件中添加一个方法

snf.mergeCellsByParentField ("grid", "Code,Name,ApproveState");

此方法有两个参数，第一个参数是需要进行合并单元格的表格的id值；第二个参数为需要进行合并的列，用英文的逗号进行分隔。

如果第二个参数中包含多于一列，方法中会自动进行判断，以第一列为主，只有第一列是合并状态下，第二列才会合并，如果第一列的值不相同，没有合并，那么第二列中即使值相同也不会进行合并。如果有第三列，则以第二列为主，重复上述的方法，以此类推。

图 4.3

如图4.3，81-86行数据中，81-84的编码为MergeTestCode01，85-86行编码为MergeTestCode02，那么81-84和85-86会分别进行合并。81-83行的名称都是MergeTestName01，所以也会进行合并，但是84-85行的名称虽然相同，他们的编码不同，而传的参数中编码（Code）在名称（Name）之前，所以只要编码不重复，名称就不允许合并。后边的状态也是同理，83-86行虽然状态都是审核中，却不会合并。

1.2.2.    导出excel合并单元格调用说明

根据代码生成器生成的代码，导出默认调用this.downloadClick和this. downloadPageSizeClick事件，我们需要在viewModel中把这两个方法进行重写。

//05.下载

this.downloadClick = function (vm, event) {

snf.exporter(self.grid).download($(event.currentTarget).attr("suffix"), "Code,Name,ApproveState");

};

this.downloadPageSizeClick = function () {

var pageNumber = $(".pagination-num").val();

var pageSize = $(".pagination-page-list").val();

snf.exporter(this.grid).paging(pageNumber, pageSize).download("xls", "Code,Name,ApproveState"); //

};

self.grid为表格定义的对象，本例子中为self.grid，参数"Code,Name,ApproveState"为需要进行合并的列，原理同4.2.2完全相同。

1.2.3.    demo样例

程序路径：/DEMO/ DemoSingleTableMerge/ DemoSingleTableMerge

可在程序中按照此路径增加菜单查看

1.3.      注意事项

如果存在多个分页的表格对象，需要进行分页导出功能时（即，导出当前页），重写的方法要稍加改动

this.downloadPageSizeClick = function () {

var pageNumber = $(".pagination-num").eq(0).val();

var pageSize = $(".pagination-page-list").eq(0).val();

snf.exporter(this.grid).paging(pageNumber, pageSize).download("xls", "Code,Name,ApproveState"); //

};

如上，需要加上.eq(0)或者.eq(1)或者.eq(...)，括号中的整数0、1或者其他的，表示分页表格是第几个，要从0开始数，防止分页标记混淆

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

作者： 王金斗
出处： http://www.cnblogs.com/spring_wang/
Email: spring_best@yeah.net
QQ：903639067 QQ群：322581894

这个系列教程文档，欢迎转载：

SNF开发平台WinForm之十四-站内发送系统信息http://www.cnblogs.com/spring_wang/p/6140031.html

SNF开发平台WinForm之十三-单独从服务器上获取PDF文件进行显示http://www.cnblogs.com/spring_wang/p/6140025.html

SNF开发平台WinForm之十二-发送手机短信功能调用http://www.cnblogs.com/spring_wang/p/6139829.html

SNF开发平台WinForm之十一-程序打包http://www.cnblogs.com/spring_wang/p/6139827.html

SNF开发平台WinForm之十-Excel导入http://www.cnblogs.com/spring_wang/p/6128604.html

SNF开发平台WinForm之九-代码生成器使用说明http://www.cnblogs.com/spring_wang/p/6128595.html

SNF开发平台WinForm之八-自动升级程序部署使用说明http://www.cnblogs.com/spring_wang/p/6128570.html

SNF开发平台WinForm之七-单据打印和使用说明http://www.cnblogs.com/spring_wang/p/6126016.html

SNF开发平台WinForm之六-上传下载组件使用http://www.cnblogs.com/spring_wang/p/6125929.html

SNF开发平台WinForm之五-高级查询使用说明-http://www.cnblogs.com/spring_wang/p/6116640.html

SNF开发平台WinForm之四-开发-主细表管理页面-http://www.cnblogs.com/spring_wang/p/6116626.html

SNF开发平台WinForm之三-开发-单表选择控件创建-http://www.cnblogs.com/spring_wang/p/6116592.html

SNF开发平台WinForm之二-开发-单表表单管理页面-http://www.cnblogs.com/spring_wang/p/6116572.html

SNF开发平台WinForm之一-开发-单表表格编辑管理页面-http://www.cnblogs.com/spring_wang/p/6116523.html

Winform开发框架之通用Windows摄像头调用拍照http://www.cnblogs.com/spring_wang/p/6008674.html

Winform开发框架之图表报表在线设计器2-图表-SNF.EasyQuery项目--SNF快速开发平台3.3-Spring.Net.Framework

Winform开发框架之图表报表在线设计器-报表-SNF.EasyQuery项目--SNF快速开发平台3.3-Spring.Net.Framework

Winform开发框架之通用附件管理模块 --SNF快速开发平台3.3-Spring.Net.Framework

SNFAutoupdater通用自动升级组件V2.0-WinForm

SNF快速开发平台3.2之--.Net可扩展的单据编号生成器-SNF.CodeRule

SNF快速开发平台3.1之--审核流(3)低调奢华，简单不凡，实例演示-SNF.WorkFlow

SNF快速开发平台3.1之--审核流(2)流程设计-SNF.WorkFlow功能使用说明

SNF快速开发平台3.1之--审核流(1)SNF.WorkFlow审核流简介

SNF快速开发平台3.0之--完美的代码生成器SNF.CodeGenerator-快速开发者的利器

基于MVC4+EasyUI的Web开发框架--Spring.Net.FrameworkV3.0总体介绍

SNF快速开发平台3.0之--MVC 打印解决方案

SNF快速开发平台3.0之--文件批量上传-统一附件管理器-在线预览文件(有互联网和没有两种)

SNF快速开发平台3.0之--asp.net mvc4 强大的导出和不需要上传文件的批量导入EXCEL

SNF快速开发平台3.0之MVC通用控件库展示-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF快速开发平台3.0之BS页面展示和九大优点-部分页面显示效果-Asp.net+MVC4.0+WebAPI+EasyUI +Knockout

SNF快速开发平台3.0之-界面个性化配置+10种皮肤+7种菜单-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF快速开发平台3.0之-CS页面-Asp.net+Spring.Net.Framework

SNF快速开发平台3.0之--系统里广播的作用--迅速及时、简明扼要的把信息发送给接收者