`
izuoyan
  • 浏览: 9207156 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ASP.NET 2.0中GridView无限层复杂表头的实现

ASP.net.netASPXHTML 
阅读更多

ASP.NET 2.0中GridView无限层复杂表头的实现


实现方法就是给单元格填充我们想要的格式代码。
单击显示全图，Ctrl+滚轮缩放图片
<%@PageLanguage="C#"AutoEventWireup="true"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<scriptrunat="server">
//计算数据，完全可以从数据库取得
ICollectionCreateDataSource()
...{
System.Data.DataTabledt=newSystem.Data.DataTable();
System.Data.DataRowdr;
dt.Columns.Add(newSystem.Data.DataColumn("学生班级",typeof(System.String)));
dt.Columns.Add(newSystem.Data.DataColumn("学生姓名",typeof(System.String)));
dt.Columns.Add(newSystem.Data.DataColumn("语文",typeof(System.Decimal)));
dt.Columns.Add(newSystem.Data.DataColumn("数学",typeof(System.Decimal)));
dt.Columns.Add(newSystem.Data.DataColumn("英语",typeof(System.Decimal)));
dt.Columns.Add(newSystem.Data.DataColumn("计算机",typeof(System.Decimal)));

for(inti=0;i<8;i++)
...{
System.Randomrd=newSystem.Random(Environment.TickCount*i);;
dr=dt.NewRow();
dr[0]="班级"+i.ToString();
dr[1]="学生"+i.ToString();
dr[2]=System.Math.Round(rd.NextDouble()*100,2);
dr[3]=System.Math.Round(rd.NextDouble()*100,2);
dr[4]=System.Math.Round(rd.NextDouble()*100,2);
dr[5]=System.Math.Round(rd.NextDouble()*100,2);
dt.Rows.Add(dr);
}
System.Data.DataViewdv=newSystem.Data.DataView(dt);
returndv;
}

protectedvoidPage_Load(objectsender,EventArgse)
...{
if(!IsPostBack)
...{
GridView1.BorderColor=System.Drawing.Color.DarkOrange;
GridView1.DataSource=CreateDataSource();
GridView1.DataBind();
}
}

protectedvoidGridView1_RowCreated(objectsender,GridViewRowEventArgse)
...{

if(e.Row.RowType==DataControlRowType.Header)
...{
//创建一个GridViewRow，相当于表格的TR一行
GridViewRowrowHeader=newGridViewRow(0,0,DataControlRowType.Header,DataControlRowState.Normal);
stringHeaderBackColor="#EDEDED";
rowHeader.BackColor=System.Drawing.ColorTranslator.FromHtml(HeaderBackColor);

//实现确定要显示的表头样式，也可以通过计算生成

//<tr>
//<tdrowspan='2'>关键单元格</td>
//<tdcolspan='2'>表头文字</td>
//<tdcolspan='2'>表头文字</td>
//<td>表头文字</td>
//</tr>
//<trbgcolor='#FFF'>
//<tdcolspan='2'>表头文字</td>
//<tdrowspan='2'>表头文字</td>
//<tdcolspan='2'>表头文字</td>
//</tr>
//<trbgcolor='#FFF'>
//<td>表头文字</td>
//<td>表头文字</td>
//<td>表头文字</td>
//<td>表头文字</td>
//<td>表头文字</td>";
//</tr>
//上面的样式可以设置斜线

LiteralnewCells=newLiteral();
newCells.Text=@"表头文字1</th>
<thcolspan='2'>表头文字2</th>
<thcolspan='2'>表头文字3</th>
<th>表头文字4</th>
</tr>
<trbgcolor='"+HeaderBackColor+"'>";
newCells.Text+=@"
<thcolspan='2'>表头文字5</th>
<throwspan='2'>表头文字6</th>
<thcolspan='2'>表头文字7</th>
</tr>
<trbgcolor='"+HeaderBackColor+"'>";
newCells.Text+=@"
<th>表头文字8</th>
<th>表头文字9</th>
<th>表头文字10</th>
<th>表头文字11</th>
<th>表头文字12";

TableCellCollectioncells=e.Row.Cells;
TableHeaderCellheaderCell=newTableHeaderCell();
//下面的属性设置与<tdrowspan='2'>关键单元格</td>要一致
headerCell.RowSpan=2;
headerCell.Controls.Add(newCells);
rowHeader.Cells.Add(headerCell);

rowHeader.Cells.Add(headerCell);
rowHeader.Visible=true;

//添加到GridView1
GridView1.Controls[0].Controls.AddAt(0,rowHeader);
}
}

protectedvoidGridView1_RowDataBound(objectsender,GridViewRowEventArgse)
...{
if(e.Row.RowType==DataControlRowType.Header)
...{
e.Row.Attributes.Add("style","background:#9999FF;color:#FFFFFF;font-size:14px");
}
else
...{
e.Row.Attributes.Add("style","background:#FFF");
}
}
</script>

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>为GridView添加多层表头</title>
</head>
<body>
<formid="Form1"runat="server">
<asp:GridViewID="GridView1"runat="server"CellSpacing="1"CellPadding="3"Font-Size="12px"
Width="600px"BackColor="#000000"BorderWidth="0"OnRowDataBound="GridView1_RowDataBound"
OnRowCreated="GridView1_RowCreated">
</asp:GridView>
</form>
</body>
</html>
分享到：
| 使用JPA的@SecondaryTable来实现hibernat ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ASP.NET 2.0中合并 GridView 的表头单元格

    下面我们将详细介绍如何在ASP.NET 2.0中实现GridView表头单元格的合并。 首先，我们需要创建一个数据源。在这个例子中，我们使用了一个DataTable来存储学生姓名和三门课程（语文、数学、英语）的成绩。通过循环，...

    ASP。NET技术文档收集

    ASP.NET2.0中Gridview中数据操作技巧 GridView经典删除操作，两种方法 揭秘ASP.NET 2.0的Eval方法 ASP.NET2.0打通文件图片处理任督二脉(转载) ASP.NET程序中常用代码汇总（转载） window.location.href在firefox中...

    深入挖掘ASP.NET 2.0系列课程(1)：随心所欲的使用GridView

    在这个系列课程的第一部分，我们将深入探讨如何随心所欲地使用GridView控件，这是一个在ASP.NET 2.0中广泛使用的数据展示工具。 GridView控件是ASP.NET 2.0中的一个服务器控件，它提供了一种直观的方式来显示和编辑...

    使用ASP.NET 2.0的GridView技巧和窍门

    ASP.NET 2.0中的GridView控件是Web开发中用于数据展示的重要组件，它提供了丰富的功能，使得开发者能够轻松地创建动态、交互式的表格。在本文中，我们将深入探讨GridView的一些核心技巧和窍门，帮助你更好地利用这个...

    GridView导出Excel实例

    这篇教程将探讨如何实现GridView到Excel的导出功能，基于ASP.NET 2.0平台，使用C#编程语言。 首先，我们需要创建一个ASP.NET Web Form页面，添加GridView控件，并将其绑定到数据源，如SQL Server数据库。在后台代码...

    asp.net GridView 中增加记录的方法

    然而，在ASP.NET 2.0版本中，GridView并未原生支持新增记录的操作，这使得在需要用户界面中直接添加新记录时需要进行额外的编程工作。 在面对这个问题时，开发者通常会选择使用FormView或者自定义表格控件来实现...

    ASP.NET 3.5中GridView的惯用功能

    ASP.NET 3.5中的GridView控件是Web开发中用于数据展示的重要组件，它提供了丰富的功能，使得开发者能够轻松地创建交互式数据网格。GridView在.NET Framework 2.0及更高版本中得到了广泛的应用，特别是在IIS5.1或Win2...

    asp.net里导出excel表方法汇总.pdf

    本文档总结了四种在ASP.NET（C#）环境中导出Excel的方法及其实现细节。 #### 1. 由Dataset生成 这种方法通过读取一个`DataSet`中的数据并将其转换为Excel格式。具体步骤如下： 1. **设置响应头**：首先设置`...

    Excel表格导入GridView

    本篇将详细介绍如何在ASP.NET 2.0中实现将Excel表格数据导入到GridView中进行展示。 #### 二、技术栈概述 - **ASP.NET 2.0**: 微软提供的一套用于构建动态网页的应用框架。 - **GridView**: ASP.NET中用于展示数据...

    gridview功能实例详解

    【GridView控件详解】 GridView是ASP.NET Web Forms中一个强大的数据呈现控件，它用于显示来自数据源的数据，并提供各种操作功能，...在实际开发中，可以结合ASP.NET的其他控件和功能，构建更加复杂和高效的用户界面。

    基于Extjs的开源控件库ExtAspNet v3.1.9.rar

    ExtAspNet - 基于 ExtJS 的专业 ASP.NET 2.0 控件库，拥有完善的 AJAX 支持和丰富的界面效果  ExtAspNet 是一组基于 ExtJS 的专业 ASP.NET 2.0 控件库，拥有完善的 AJAX 支持和丰富的界面效果。 ExtAspNet 是...

    使用JavaScript和CSS冻结ASP.NET GridView标头

    在ASP.NET开发中，GridView控件是一个非常常用的数据展示组件，它允许我们以表格的形式展示数据。然而，当用户滚动页面时，GridView的表头（即列标题）往往随着滚动条移动而消失，这可能影响用户的阅读体验。为了...

    GridView使用大全

    GridView 控件是ASP.NET中一个非常重要的数据绑定控件，它提供了丰富的功能来展示和操作数据。与DataGrid控件相比，GridView在.NET Framework 2.0之后被引入，并逐渐成为展示数据的主要方式。其优势包括但不限于： ...

Magicbox
Global site tag (gtag.js) - Google Analytics