FineUI小技巧（7）多表头表格导出

最新推荐文章于 2021-06-03 19:10:22 发布
最新推荐文章于 2021-06-03 19:10:22 发布
阅读量1.5k 收藏
点赞数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139

在 ASPX 中，我们通过 GroupField 列来定义多表头，如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
< f:Grid  ID="Grid1" Title="表格" EnableCollapse="true" ShowBorder="true" ShowHeader="true" Width="800px"
     runat="server" DataKeyNames="Id,Name">
     < Columns >
         < f:TemplateField  ColumnID="tfNumber" Width="60px">
             < ItemTemplate >
                 < span  id="spanNumber" runat="server"><%# Container.DataItemIndex + 1 %></ span >
             </ ItemTemplate >
         </ f:TemplateField >
         < f:GroupField  EnableLock="true" HeaderText="分组一" TextAlign="Center">
             < Columns >
                 < f:BoundField  Width="100px" DataField="Name" DataFormatString="{0}" HeaderText="姓名" />
                 < f:TemplateField  ColumnID="tfGender" Width="80px" HeaderText="性别" TextAlign="Center">
                     < ItemTemplate >
                         < asp:Label  ID="labGender" runat="server" Text='<%# GetGender(Eval("Gender")) %>'></ asp:Label >
                     </ ItemTemplate >
                 </ f:TemplateField >
                 < f:GroupField  EnableLock="true" HeaderText="考试成绩" TextAlign="Center">
                     < Columns >
                         < f:BoundField  EnableLock="true" Width="80px" DataField="ChineseScore" SortField="ChineseScore" HeaderText="语文成绩"
                             TextAlign="Center" />
                         < f:BoundField  EnableLock="true" Width="80px" DataField="MathScore" SortField="MathScore" HeaderText="数学成绩"
                             TextAlign="Center" />
                         < f:BoundField  EnableLock="true" Width="80px" DataField="TotalScore" SortField="TotalScore" HeaderText="总成绩"
                             TextAlign="Center" />
                     </ Columns >
                 </ f:GroupField >
             </ Columns >
         </ f:GroupField >
         < f:BoundField  ExpandUnusedSpace="True" DataField="Major" HeaderText="所学专业" />
         < f:BoundField  Width="100px" DataField="LogTime" DataFormatString="{0:yy-MM-dd}" HeaderText="注册日期" />
     </ Columns >
</ f:Grid >

这是一个树状的结构，通过 GroupField 的 Columns 集合来定义子列，从而实现多表头的效果：


/// <summary>
/// 处理多表头的类
/// </summary>
public  class  MultiHeaderTable
{
     // 包含 rowspan，colspan 的多表头，方便生成 HTML 的 table 标签
     public  List<List< object []>> MultiTable =  new  List<List< object []>>();
     // 最终渲染的列数组
     public  List<GridColumn> Columns =  new  List<GridColumn>();
 
 
     public  void  ResolveMultiHeaderTable(GridColumnCollection columns)
     {
         List< object []> row =  new  List< object []>();
         foreach  (GridColumn column  in  columns)
         {
             object [] cell =  new  object [4];
             cell[0] = 1;     // rowspan
             cell[1] = 1;     // colspan
             cell[2] = column;
             cell[3] =  null ;
 
             row.Add(cell);
         }
 
         ResolveMultiTable(row, 0);
 
         ResolveColumns(row);
     }
 
     private  void  ResolveColumns(List< object []> row)
     {
         foreach  ( object [] cell  in  row)
         {
             GroupField groupField = cell[2]  as  GroupField;
             if  (groupField !=  null  && groupField.Columns.Count > 0)
             {
                 List< object []> subrow =  new  List< object []>();
                 foreach  (GridColumn column  in  groupField.Columns)
                 {
                     subrow.Add( new  object []
                     {
                         1,
                         1,
                         column,
                         groupField
                     });
                 }
 
                 ResolveColumns(subrow);
             }
             else
             {
                 Columns.Add(cell[2]  as  GridColumn);
             }
         }
 
     }
 
     private  void  ResolveMultiTable(List< object []> row,  int  level)
     {
         List< object []> nextrow =  new  List< object []>();
 
         foreach  ( object [] cell  in  row)
         {
             GroupField groupField = cell[2]  as  GroupField;
             if  (groupField !=  null  && groupField.Columns.Count > 0)
             {
                 // 如果当前列包含子列，则更改当前列的 colspan，以及增加父列（向上递归）的colspan
                 cell[1] = Convert.ToInt32(groupField.Columns.Count);
                 PlusColspan(level - 1, cell[3]  as  GridColumn,groupField.Columns.Count - 1);
 
                 foreach  (GridColumn column  in  groupField.Columns)
                 {
                     nextrow.Add( new  object []
                     {
                         1,
                         1,
                         column,
                         groupField
                     });
                 }
             }
         }
 
         MultiTable.Add(row);
 
         // 如果当前下一行，则增加上一行（向上递归）中没有子列的列的 rowspan
         if  (nextrow.Count > 0)
         {
             PlusRowspan(level);
 
             ResolveMultiTable(nextrow, level + 1);
         }
     }
 
     private  void  PlusRowspan( int  level)
     {
         if  (level < 0)
         {
             return ;
         }
 
         foreach  ( object [] cells  in  MultiTable[level])
         {
             GroupField groupField = cells[2]  as  GroupField;
             if  (groupField !=  null  && groupField.Columns.Count > 0)
             {
                 // ...
             }
             else
             {
                 cells[0] = Convert.ToInt32(cells[0]) + 1;
             }
         }
 
         PlusRowspan(level - 1);
     }
 
     private  void  PlusColspan( int  level, GridColumn parent,  int  plusCount)
     {
         if  (level < 0)
         {
             return ;
         }
 
         foreach  ( object [] cells  in  MultiTable[level])
         {
             GridColumn column = cells[2]  as  GridColumn;
             if  (column == parent)
             {
                 cells[1] = Convert.ToInt32(cells[1]) + plusCount;
 
                 PlusColspan(level - 1, cells[3]  as  GridColumn, plusCount);
             }
         }
     }
 
}

 

其实主要的逻辑就上面提到的两点，然后需要好几个递归函数来一块完成任务。

 

导出的代码调用如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
protected  void  Button1_Click( object  sender, EventArgs e)
{
     Response.ClearContent();
     Response.AddHeader( "content-disposition" ,  "attachment; filename=myexcel.xls" );
     Response.ContentType =  "application/excel" ;
     Response.ContentEncoding = System.Text.Encoding.UTF8;
     Response.Write(GetGridTableHtml(Grid1));
     Response.End();
}
 
private  string  GetGridTableHtml(Grid grid)
{
     StringBuilder sb =  new  StringBuilder();
 
     MultiHeaderTable mht =  new  MultiHeaderTable();
     mht.ResolveMultiHeaderTable(Grid1.Columns);
 
 
     sb.Append( "<meta http-equiv=\"content-type\" content=\"application/excel; charset=UTF-8\"/>" );
 
 
     sb.Append( "<table cellspacing=\"0\" rules=\"all\" border=\"1\" style=\"border-collapse:collapse;\">" );
 
     foreach  (List< object []> rows  in  mht.MultiTable)
     {
         sb.Append( "<tr>" );
         foreach  ( object [] cell  in  rows)
         {
             int  rowspan = Convert.ToInt32(cell[0]);
             int  colspan = Convert.ToInt32(cell[1]);
             GridColumn column = cell[2]  as  GridColumn;
 
             sb.AppendFormat( "<th{0}{1}{2}>{3}</th>" ,
                 rowspan != 1 ?  " rowspan=\""  + rowspan +  "\""  :  "" ,
                 colspan != 1 ?  " colspan=\""  + colspan +  "\""  :  "" ,
                 colspan != 1 ?  " style=\"text-align:center;\""  :  "" ,
                 column.HeaderText);
         }
         sb.Append( "</tr>" );
     }
 
 
     foreach  (GridRow row  in  grid.Rows)
     {
         sb.Append( "<tr>" );
 
         foreach  (GridColumn column  in  mht.Columns)
         {
             string  html = row.Values[column.ColumnIndex].ToString();
 
             if  (column.ColumnID ==  "tfNumber" )
             {
                 html = (row.FindControl( "spanNumber" )  as  System.Web.UI.HtmlControls.HtmlGenericControl).InnerText;
             }
             else  if  (column.ColumnID ==  "tfGender" )
             {
                 html = (row.FindControl( "labGender" )  as  AspNet.Label).Text;
             }
 
 
             sb.AppendFormat( "<td>{0}</td>" , html);
         }
 
         sb.Append( "</tr>" );
     }
 
     sb.Append( "</table>" );
 
     return  sb.ToString();
}

最终导出的文件结构如下所示：

转载自

Sanshi(Asp.Net控件)

转载地址：http://www.cnblogs.com/sanshi/p/4104411.html

寶貝計劃
关注
FineUI_动态绑定Grid
宫廷渔夫
08-29 6665
说明：GetSql()方法为获取查询语句，根据情况自己写。gList为Grid。
复杂多表头excel表格的导出及布局，支持拓展
02-22
总结来说，掌握复杂多表头Excel表格的创建和导出技巧，能有效提高数据管理和分析的效率。无论是手动操作还是编程实现，理解并熟练运用这些方法，都将极大地提升你在处理数据时的灵活性和适应性。在实际工作中，根据...
FineUI 相关
weixin_33778778的博客
04-09 414
FineUI 相关（ExtAsp.Net 2008-2017），记在这把，免得找不到了。 不知道同年代的类似项目Coolite怎么样了？更名为Ext.net了，在国外活得还算滋润，在国内嘛。。死贵死贵的东西那是没人用的。   FineUI 开源版（原ExtAsp.Net) Last updated: 2017-03 SURFSKY http://pan.baidu.com/share...
[原创]FineUI秘密花园（二十一） — 表格之动态创建列
weixin_33795833的博客
11-19 225
有时我们需要根据数据来动态创建表格列，怎么来做到这一点呢？本章会详细讲解。   动态创建的列 还是通过一个示例来看下如何在FineUI中动态创建表格列，示例的界面截图：   先来看下ASPX的标签定义： 1: &lt;ext:Grid ID="Grid1" runat="server" Width="650px" EnableCheckBoxSelect="true" ...
html 动态修改列名,FineUI之动态增加列及修改列的实现
weixin_28940939的博客
06-03 372
在FineUI的官方示例中有类似的实现。示例中实现了动态增加列，但有时我们可能需要动态修改列。先来看效果图 下面是代码实现DynamicGrid.aspxDynamicGrid.aspx.csusing System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;...
多表头导出Excel
08-28
导出Excel表格 /// 导出Excel /// 创建Excel并写入数据 /// List转化为DataTable /// 转换数据类型
poi 导出多表头
03-03
多表头通常指的是在 Excel 表格中拥有多个层次的列标题，这在处理分类数据或者构建具有嵌套结构的报告时非常有用。 ** poi 导出多表头 ** 在 POI 中实现多表头导出涉及以下步骤： 1. **创建工作簿对象**：首先，...
Java导出数据到Excel文件中（支持多表头）
08-17
在Excel中，多级表头允许我们在工作表的列上设置多个层次的标题，以更清晰地组织和展示数据。例如，一级表头通常代表数据的主要类别，如"学号"、"姓名"，而二级表头则表示细分的类别，如"语文"、"数学"、"英语"，...
常规表格多表头查询示例
09-04
在IT领域，尤其是在数据展示和分析中，常规表格多表头查询是一种常见的需求。这种查询方式可以帮助用户更清晰地组织和理解复杂的数据结构，尤其在处理具有多个维度的数据时更为实用。多表头通常用于分类、分组以及...
【JEECG】列表多表头的设计
困而学者
09-14 2115
【jeecg】列表多表头设计
fineUI表格控件各属性说明
weixin_30354675的博客
05-06 596
最近在新的公司后台用fineUI，所以也稍微总结一下表格的一些属性，希望对刚入手的人有些帮助： AllowPaging 允许分页，为true时表示允许分页，表格下方会出现分页工具栏； PageSize 每页数量，整形，自己设置 IsDatabasePaging 是否是数据库分页，true时表示使用数据库分页 EnableCheckBoxSelect 显示左边的选择框，true或者false...
FineUI小技巧（2）将表单内全部字段禁用、只读、设置无效标识
weixin_34310369的博客
06-23 583
需求描述 对表单内的所有字段进行操作也是常见需求，这些操作有： 禁用：表单字段变灰，不响应用户动作。 只读：表单字段不变灰，但不接受用户输入（实际上是设置DOM节点的readonly属性），有触发器的要隐藏起来 设置无效标识：一般用在服务器端验证失败的提示信息 界面效果 默认状态 禁用状态 只读状态 设置无效标识状态 ...
Jsp table多表头导出Excel实战教程
在JSP开发中，实现表格（table）数据以多表头的形式导出到Excel文件是一项常见的需求。本文将详细介绍如何在JSP页面上利用JavaScript库来实现这一功能。首先，你需要引入两个关键的JavaScript库：`copyhtmltoexcel....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值