ASP.NET GridView 實(shí)現(xiàn)課程表顯示(動(dòng)態(tài)合并單元格)實(shí)現(xiàn)步驟
更新時(shí)間：2013年02月01日 09:57:03 作者：
GridView，ASP.NET中很常用的數(shù)據(jù)顯示控件，這里，我將用這個(gè)控件來(lái)實(shí)現(xiàn)課程表的顯示。首先說(shuō)說(shuō)課程表的顯示與普通記錄的顯示有何不同?感興趣的朋友可以了解下，或許對(duì)你有所幫助
GridView，ASP.NET中很常用的數(shù)據(jù)顯示控件，這里，我將用這個(gè)控件來(lái)實(shí)現(xiàn)課程表的顯示。首先說(shuō)說(shuō)課程表的顯示與普通記錄的顯示有何不同？這里所說(shuō)的普通記錄是指直接從數(shù)據(jù)庫(kù)中查詢出來(lái)的、沒(méi)有經(jīng)過(guò)任何處理的記錄。通常，我們用GridView顯示這些普通記錄，只需直接將這些記錄表綁定到GridView中即可。但是，課程表的顯示可不是這么簡(jiǎn)單，它需要將普通記錄繼續(xù)加工，需要根據(jù)記錄中具體的數(shù)據(jù)來(lái)確定數(shù)據(jù)需要顯示在哪一行、哪一列，而且需要根據(jù)課程開始時(shí)間和結(jié)束時(shí)間動(dòng)態(tài)合并單元格，最后才是數(shù)據(jù)的顯示。這就是課程表顯示的難點(diǎn)之所在。好了，下面就看看我是如何實(shí)現(xiàn)的吧。
.aspx文件中代碼：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DataBind.test" %>
<%@ Register assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server"
onrowdatabound="GridView1_RowDataBound1" BorderWidth="1">
<HeaderStyle Wrap="False" />
<RowStyle HorizontalAlign="Center" VerticalAlign="Middle" />
</asp:GridView>
</div>
</form>
</body>
</html>
.aspx.cs文件中代碼：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Data;
using System.Text.RegularExpressions;
namespace DataBind
{
public partial class test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = DB.createCon();//創(chuàng)建連接對(duì)象
SqlDataAdapter sda = new SqlDataAdapter();
sda.SelectCommand = new SqlCommand("Select * from Schedule ", con);
DataSet ds = new DataSet();
sda.Fill(ds);
DataTable table = new DataTable();
table = ds.Tables[0];
DataTable dtSchedule = new DataTable();//此表用于存放轉(zhuǎn)換后的課程表（格式與日常見(jiàn)到的一樣）
//添加八列
dtSchedule.Columns.Add("課程表");
for (int i = 1; i < 8; i++)
{
dtSchedule.Columns.Add("星期" + WeekConvertToChinese(i));
}
//添加八行
for (int i = 0; i < 8; i++)
{
dtSchedule.Rows.Add();
}
//添加左側(cè)固定信息（第幾節(jié)課）
for (int i = 0; i < 8; i++)
{
dtSchedule.Rows[i][0] = "第" + ConvertToChinese(i+1) + "節(jié)";
}
//此數(shù)組用于存放需要合并的單元格信息。如：需要合并第一列的一、二單元格
//那么，數(shù)組中一行的三個(gè)數(shù)分別為1,1,2
int[][] tempArray = new int[table.Rows.Count][];
//數(shù)組初始化
for (int i = 0; i < table.Rows.Count; i++)
{
tempArray[i] = new int[3];
for (int j = 0; j < 3; j++)
{
tempArray[i][j] = 0;
}
}
//遍歷table，將每條課表信息填在tab中適當(dāng)?shù)奈恢谩?
for (int i = 0; i < table.Rows.Count; i++)
{
//課是周幾的課
string week = Convert.ToString(table.Rows[i]["Week"]);
//課開始時(shí)間
string startTime =Convert.ToString( table.Rows[i]["StartTime"]);
//課結(jié)束時(shí)間
string endTime = Convert.ToString(table.Rows[i]["EndTime"]);
for (int weekCount = 1; weekCount < 8; weekCount++)//確定本條數(shù)據(jù)將來(lái)顯示在哪一列
{
if (week == Convert.ToString(dtSchedule.Columns[weekCount].ColumnName))//跟星期做比較，確定數(shù)據(jù)應(yīng)該寫在那一列
{
tempArray[i][0] = weekCount;//記錄星期（確定將來(lái)的數(shù)據(jù)顯示在哪一列）
break;
}
}
for (int j = 0; j < dtSchedule.Rows.Count; j++)//確定課程的開始時(shí)間和結(jié)束時(shí)間，并填寫數(shù)據(jù)
{
string section =Convert.ToString( dtSchedule.Rows[j][0]);//當(dāng)前行是第幾節(jié)課
if (section == startTime)//判斷課程開始時(shí)間，確定位置，填寫數(shù)據(jù)
{
tempArray[i][1] = j;//記錄上課開始時(shí)間（確定數(shù)據(jù)數(shù)據(jù)顯示在哪一行）
dtSchedule.Rows[j][tempArray[i][0]] = Convert.ToString(table.Rows[i]["CourseName"]) + "<br />" +
Convert.ToString(table.Rows[i]["TeacherName"]);
}
if (section == endTime)//判斷課程結(jié)束時(shí)間，記錄位置
{
tempArray[i][2] = j;//記錄課結(jié)束時(shí)間
break;
}
}
}
GridView1.DataSource = dtSchedule;
GridView1.DataBind();
//合并單元格
for (int i = 0; i < table.Rows.Count; i++)
GroupCol(GridView1, tempArray[i][0], tempArray[i][1], tempArray[i][2]);
}
/// <summary>
/// 合并某列中的多個(gè)單元格
/// </summary>
/// <param name="GridView1"></param>
/// <param name="cols">要合并的那一列</param>
/// <param name="sRow">開始行</param>
/// <param name="eRow">結(jié)束行</param>
public static void GroupCol(GridView GridView1, int cols, int sRow, int eRow)
{
//if (GridView1.Rows.Count < 1 || cols > GridView1.Columns.Count - 1)
//{
// return;
//}
//if (GridView1.Rows.Count < 1 || cols > GridView1.Rows[0].Cells.Count - 1)
//{
// return;
//}
TableCell oldTc = GridView1.Rows[sRow].Cells[cols];
for (int i = 1; i <= eRow - sRow; i++)
{
TableCell tc = GridView1.Rows[sRow + i].Cells[cols];
tc.Visible = false;
if (oldTc.RowSpan == 0)
{
oldTc.RowSpan = 1;
}
oldTc.RowSpan++;
oldTc.VerticalAlign = VerticalAlign.Middle;
}
}
string ConvertToChinese(int x)
{
string cstr = "";
switch (x)
{
case 0: cstr = "零"; break;
case 1: cstr = "一"; break;
case 2: cstr = "二"; break;
case 3: cstr = "三"; break;
case 4: cstr = "四"; break;
case 5: cstr = "五"; break;
case 6: cstr = "六"; break;
case 7: cstr = "七"; break;
case 8: cstr = "八"; break;
case 9: cstr = "九"; break;
}
return (cstr);
}
//轉(zhuǎn)換星期幾
string WeekConvertToChinese(int x)
{
string cstr = "";
switch (x)
{
case 1: cstr = "一"; break;
case 2: cstr = "二"; break;
case 3: cstr = "三"; break;
case 4: cstr = "四"; break;
case 5: cstr = "五"; break;
case 6: cstr = "六"; break;
case 7: cstr = "日"; break;
}
return (cstr);
}
/// <summary>
/// 使得GridView中的內(nèi)容可以換行
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void GridView1_RowDataBound1(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
TableCellCollection cells = e.Row.Cells;
foreach (TableCell cell in cells)
{
cell.Text = Server.HtmlDecode(cell.Text); //注意：此處所有的列所有的html代碼都會(huì)按照html格式輸出，如果只需要其中的哪一列的數(shù)據(jù)需要轉(zhuǎn)換，此處需要小的修改即可。
}
}
}
}
}
最終顯示效果：
.aspx文件中代碼：
復(fù)制代碼 代碼如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DataBind.test" %>
<%@ Register assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server"
onrowdatabound="GridView1_RowDataBound1" BorderWidth="1">
<HeaderStyle Wrap="False" />
<RowStyle HorizontalAlign="Center" VerticalAlign="Middle" />
</asp:GridView>
</div>
</form>
</body>
</html>
.aspx.cs文件中代碼：
復(fù)制代碼 代碼如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Data;
using System.Text.RegularExpressions;
namespace DataBind
{
public partial class test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = DB.createCon();//創(chuàng)建連接對(duì)象
SqlDataAdapter sda = new SqlDataAdapter();
sda.SelectCommand = new SqlCommand("Select * from Schedule ", con);
DataSet ds = new DataSet();
sda.Fill(ds);
DataTable table = new DataTable();
table = ds.Tables[0];
DataTable dtSchedule = new DataTable();//此表用于存放轉(zhuǎn)換后的課程表（格式與日常見(jiàn)到的一樣）
//添加八列
dtSchedule.Columns.Add("課程表");
for (int i = 1; i < 8; i++)
{
dtSchedule.Columns.Add("星期" + WeekConvertToChinese(i));
}
//添加八行
for (int i = 0; i < 8; i++)
{
dtSchedule.Rows.Add();
}
//添加左側(cè)固定信息（第幾節(jié)課）
for (int i = 0; i < 8; i++)
{
dtSchedule.Rows[i][0] = "第" + ConvertToChinese(i+1) + "節(jié)";
}
//此數(shù)組用于存放需要合并的單元格信息。如：需要合并第一列的一、二單元格
//那么，數(shù)組中一行的三個(gè)數(shù)分別為1,1,2
int[][] tempArray = new int[table.Rows.Count][];
//數(shù)組初始化
for (int i = 0; i < table.Rows.Count; i++)
{
tempArray[i] = new int[3];
for (int j = 0; j < 3; j++)
{
tempArray[i][j] = 0;
}
}
//遍歷table，將每條課表信息填在tab中適當(dāng)?shù)奈恢谩?
for (int i = 0; i < table.Rows.Count; i++)
{
//課是周幾的課
string week = Convert.ToString(table.Rows[i]["Week"]);
//課開始時(shí)間
string startTime =Convert.ToString( table.Rows[i]["StartTime"]);
//課結(jié)束時(shí)間
string endTime = Convert.ToString(table.Rows[i]["EndTime"]);
for (int weekCount = 1; weekCount < 8; weekCount++)//確定本條數(shù)據(jù)將來(lái)顯示在哪一列
{
if (week == Convert.ToString(dtSchedule.Columns[weekCount].ColumnName))//跟星期做比較，確定數(shù)據(jù)應(yīng)該寫在那一列
{
tempArray[i][0] = weekCount;//記錄星期（確定將來(lái)的數(shù)據(jù)顯示在哪一列）
break;
}
}
for (int j = 0; j < dtSchedule.Rows.Count; j++)//確定課程的開始時(shí)間和結(jié)束時(shí)間，并填寫數(shù)據(jù)
{
string section =Convert.ToString( dtSchedule.Rows[j][0]);//當(dāng)前行是第幾節(jié)課
if (section == startTime)//判斷課程開始時(shí)間，確定位置，填寫數(shù)據(jù)
{
tempArray[i][1] = j;//記錄上課開始時(shí)間（確定數(shù)據(jù)數(shù)據(jù)顯示在哪一行）
dtSchedule.Rows[j][tempArray[i][0]] = Convert.ToString(table.Rows[i]["CourseName"]) + "<br />" +
Convert.ToString(table.Rows[i]["TeacherName"]);
}
if (section == endTime)//判斷課程結(jié)束時(shí)間，記錄位置
{
tempArray[i][2] = j;//記錄課結(jié)束時(shí)間
break;
}
}
}
GridView1.DataSource = dtSchedule;
GridView1.DataBind();
//合并單元格
for (int i = 0; i < table.Rows.Count; i++)
GroupCol(GridView1, tempArray[i][0], tempArray[i][1], tempArray[i][2]);
}
/// <summary>
/// 合并某列中的多個(gè)單元格
/// </summary>
/// <param name="GridView1"></param>
/// <param name="cols">要合并的那一列</param>
/// <param name="sRow">開始行</param>
/// <param name="eRow">結(jié)束行</param>
public static void GroupCol(GridView GridView1, int cols, int sRow, int eRow)
{
//if (GridView1.Rows.Count < 1 || cols > GridView1.Columns.Count - 1)
//{
// return;
//}
//if (GridView1.Rows.Count < 1 || cols > GridView1.Rows[0].Cells.Count - 1)
//{
// return;
//}
TableCell oldTc = GridView1.Rows[sRow].Cells[cols];
for (int i = 1; i <= eRow - sRow; i++)
{
TableCell tc = GridView1.Rows[sRow + i].Cells[cols];
tc.Visible = false;
if (oldTc.RowSpan == 0)
{
oldTc.RowSpan = 1;
}
oldTc.RowSpan++;
oldTc.VerticalAlign = VerticalAlign.Middle;
}
}
string ConvertToChinese(int x)
{
string cstr = "";
switch (x)
{
case 0: cstr = "零"; break;
case 1: cstr = "一"; break;
case 2: cstr = "二"; break;
case 3: cstr = "三"; break;
case 4: cstr = "四"; break;
case 5: cstr = "五"; break;
case 6: cstr = "六"; break;
case 7: cstr = "七"; break;
case 8: cstr = "八"; break;
case 9: cstr = "九"; break;
}
return (cstr);
}
//轉(zhuǎn)換星期幾
string WeekConvertToChinese(int x)
{
string cstr = "";
switch (x)
{
case 1: cstr = "一"; break;
case 2: cstr = "二"; break;
case 3: cstr = "三"; break;
case 4: cstr = "四"; break;
case 5: cstr = "五"; break;
case 6: cstr = "六"; break;
case 7: cstr = "日"; break;
}
return (cstr);
}
/// <summary>
/// 使得GridView中的內(nèi)容可以換行
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void GridView1_RowDataBound1(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
TableCellCollection cells = e.Row.Cells;
foreach (TableCell cell in cells)
{
cell.Text = Server.HtmlDecode(cell.Text); //注意：此處所有的列所有的html代碼都會(huì)按照html格式輸出，如果只需要其中的哪一列的數(shù)據(jù)需要轉(zhuǎn)換，此處需要小的修改即可。
}
}
}
}
}
最終顯示效果：
您可能感興趣的文章:
- datalist,Repeater和Gridview的區(qū)別分析
- asp.net中讓Repeater和GridView支持DataPager分頁(yè)
- repeater、gridview 在綁定時(shí)判斷判斷顯示不同的行樣式或文本
- ASP.NET MVC4之js css文件合并功能(3)
- Asp.net程序優(yōu)化js、css實(shí)現(xiàn)合并與壓縮的方法
- Asp.net_Table控件の單元格縱向合并示例
- asp.net中GridView和DataGrid相同列合并實(shí)現(xiàn)代碼
- asp.net中rdlc 合并行的方法
- asp.net 合并GridView中某列相同信息的行（單元格）
- ASP.NET中GridView和Repeater重復(fù)數(shù)據(jù)如何合并
相關(guān)文章
ASP.NET中動(dòng)態(tài)控制RDLC報(bào)表
ASP.NET中動(dòng)態(tài)控制RDLC報(bào)表...2006-09-09
Asp.Net 無(wú)刷新文件上傳并顯示進(jìn)度條的實(shí)現(xiàn)方法及思路
這篇文章詳細(xì)介紹了無(wú)刷新文件上傳并顯示進(jìn)度條的思路和代碼，有需要的朋友可以參考一下2013-06-06
最簡(jiǎn)單的緩存機(jī)制，把整個(gè)Aspx頁(yè)面保存在服務(wù)器端內(nèi)存中，用戶請(qǐng)求頁(yè)面時(shí)，直接從服務(wù)器端內(nèi)存中提取數(shù)數(shù)據(jù)，不在經(jīng)歷頁(yè)面的生命周期。2010-02-02
ASP.NET清空緩存時(shí)遇到的問(wèn)題簡(jiǎn)析
本文將為大家介紹的是ASP.NET網(wǎng)站清空緩存時(shí)遇到的問(wèn)題，主要是基于ObjectDataSource讀取數(shù)據(jù)位置的問(wèn)題，希望對(duì)大家有所幫助。2015-10-10
ASP.NET Core3.1 Ocelot負(fù)載均衡的實(shí)現(xiàn)
這篇文章主要介紹了ASP.NET Core3.1 Ocelot負(fù)載均衡的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
.Net Core + Nginx實(shí)現(xiàn)項(xiàng)目負(fù)載均衡的全步驟
這篇文章主要給大家介紹了關(guān)于.Net Core + Nginx實(shí)現(xiàn)項(xiàng)目負(fù)載均衡的相關(guān)資料，文中通過(guò)示例代碼以及圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
FileUpload使用Javascript檢查擴(kuò)展名是否有效實(shí)現(xiàn)思路
在JavaScript獲取FileUpload控件的文件路徑，并取得路徑中的文件擴(kuò)展名,再與陣列中的擴(kuò)展名比較，如果存在，說(shuō)明上傳的文件是有效的，反之無(wú)效,感興趣的朋友可以了解下，或許對(duì)你有所幫助2013-02-02
asp.net 光棒效應(yīng)實(shí)現(xiàn)代碼
asp.net 光棒效應(yīng)（今天剛剛學(xué)到的）2009-12-12
這篇文章主要教大家學(xué)習(xí)制作MVC4分頁(yè)控件，自己動(dòng)手編寫HtmlHelper-Pager分頁(yè)控件，感興趣的小伙伴們可以參考一下2016-08-08
ASP.NET Core使用微軟官方類庫(kù)實(shí)現(xiàn)漢字轉(zhuǎn)拼音
這篇文章主要為大家詳細(xì)介紹了ASP.NET Core使用微軟官方類庫(kù)實(shí)現(xiàn)漢字轉(zhuǎn)拼音，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05