这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下GridView 和 Repeater 关于重复数据合并的方法。
效果图如下 :
GridView :
前台代码 :
<div> <asp:GridView ID="gvIncome" runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField HeaderText="一级"> <ItemTemplate> <asp:Label ID="Label0" runat="server" Text='<%#Eval("aname") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="二级"> <ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%#Eval("bname") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="三级"> <ItemTemplate> <asp:Label ID="Label2" runat="server" Text='<%#Eval("cname") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="四级"> <ItemTemplate> <asp:Label ID="Label3" runat="server" Text='<%#Eval("dname") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div>
<span style="line-height: 1.5; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);"> </span>
public void DataBind() { string sql = "select a.aname,b.bname,c.cname ,d.dname from aa as a right join bb as b on a.aid=b.aid right join cc as c on b.bid=c.bid left join dd as d on d.cid=c.cid order by a.aid"; SqlDataAdapter sda = new SqlDataAdapter(sql, cn); DataSet ds = new DataSet(); sda.Fill(ds); gvIncome.DataSource = ds; gvIncome.DataBind(); //MergeRows(gvIncome.HeaderRow, gvIncome.Rows.Count); int colnum = gvIncome.Columns.Count; // 获取GridView中获取列数 MergeRows(gvIncome, 4, "Label"); // GridView 要整合的列数 需要改变的Lable控件 } public static void MergeRows(GridView gvw, int colnum, string controlNameo) { for (int col = 0; col < colnum; col++) // 遍历每一列 { string controlName = controlNameo + col.ToString(); // 获取当前列需要改变的Lable控件ID for (int rowIndex = gvw.Rows.Count - 2; rowIndex >= 0; rowIndex--) //GridView中获取行数 并遍历每一行 { GridViewRow row = gvw.Rows[rowIndex]; // 获取当前行 GridViewRow previousRow = gvw.Rows[rowIndex + 1]; // 获取当前行 的上一行 Label row_lbl = row.Cells[col].FindControl(controlName) as Label; //// 获取当前列当前行 的 Lable 控件ID 的文本 Label previousRow_lbl = previousRow.Cells[col].FindControl(controlName) as Label; //// 获取当前列当前行 的上一行 的 Lable控件ID 的文本 if (row_lbl != null && previousRow_lbl != null) // 如果当前行 和 上一行 要改动的 Lable 的ID 的文本不为空 { if (row_lbl.Text == previousRow_lbl.Text) // 如果当前行 和 上一行 要改动的 Lable 的ID 的文本不为空 且相同 { // 当前行的当前单元格(单元格跨越的行数。 默认值为 0 ) 与下一行的当前单元格的跨越行数相等且小于一 则 返回2 否则让上一行行的当前单元格的跨越行数+1 row.Cells[col].RowSpan = previousRow.Cells[col].RowSpan < 1 ? 2 : previousRow.Cells[col].RowSpan + 1; //并让上一行的当前单元格不显示 previousRow.Cells[col].Visible = false; } } } } }
Repeater前台代码 :
// table样式 <style> table { border-collapse:collapse; } table tr td,th { border:1px solid black; } </style> //***************** <div> <table> <tr> <th>一级</th> <th>二级</th> <th>三级</th> <th>四级</th> </tr> <asp:Repeater ID="rptIncome" runat="server"> <ItemTemplate> <tr> <td runat="server" id="td0"><%#Eval("aname") %></td> <td runat="server" id="td1"><%#Eval("bname") %></td> <td runat="server" id="td2"><%#Eval("cname") %></td> <td runat="server" id="td3"><%#Eval("dname") %></td> </tr> </ItemTemplate> </asp:Repeater> </table> </div>
Repeater后台代码:
public void DataBind() { string sql = "select a.aname,b.bname,c.cname ,d.dname from aa as a right join bb as b on a.aid=b.aid right join cc as c on b.bid=c.bid left join dd as d on d.cid=c.cid order by a.aid"; SqlDataAdapter sda = new SqlDataAdapter(sql, cn); DataSet ds = new DataSet(); sda.Fill(ds); rptIncome.DataSource = ds; rptIncome.DataBind(); for (int i = 0; i < 4; i++) // 遍历每一列 { string rpttd = "td"; string tdIdName1 = rpttd + i.ToString(); MergeCell(tdIdName1); // 把当前列的 td 的 ID文本作为方法的参数 } } /// <summary> /// /// </summary> /// <param name="tdIdName1">当前列当前行的 td 的ID文本</param> private void MergeCell(string tdIdName1) { for (int i = rptIncome.Items.Count - 1; i > 0; i--) // rptIncome.Items.Count - 1 数据总行数(数据从0开始) 遍历当前列的每一行 { MergeCellSet(tdIdName1, i); } } /// <summary> /// /// </summary> /// <param name="tdIdName1">当前列当前行的 td 的ID文本</param> /// <param name="i">当前行</param> private void MergeCellSet(string tdIdName1, int i) { HtmlTableCell cellPrev = rptIncome.Items[i - 1].FindControl(tdIdName1) as HtmlTableCell; // 获取下一行当前列的 td 所在的单元格 HtmlTableCell cell = rptIncome.Items[i].FindControl(tdIdName1) as HtmlTableCell; // 获取当前行当前列的 td 所在的单元格 cell.RowSpan = (cell.RowSpan == -1) ? 1 : cell.RowSpan; // 获取当前行当前列单元格跨越的行数 cellPrev.RowSpan = (cellPrev.RowSpan == -1) ? 1 : cellPrev.RowSpan; // 获取下一行当前列单元格跨越的行数 if (cell.InnerText == cellPrev.InnerText) { // 让下一行的当前单元格的跨越行数 + 当前行的跨越行数 cellPrev.RowSpan += cell.RowSpan; cell.Visible = false; // 隐藏当前行 //关键代码,再判断执行第2列的合并单元格方法 } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍ASP.NET中GridView 重复表格列合并的实现方法,包括了ASP.NET中GridView 重复表格列合并的实现方法的使用技巧和注意事项,需要的朋友参考一下 这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下GridView 和 Repeater 关于重复数据合并的方法。 效果图如下: GridView : 前台代码 : 后台代码 : Rep
本文向大家介绍ASP.NET数据绑定之Repeater控件,包括了ASP.NET数据绑定之Repeater控件的使用技巧和注意事项,需要的朋友参考一下 在ASP.NET的学习过程中,其控件的学习和使用占了很大的一部分,本文为大家介绍一下控件Repeater控件的使用,用它来绑定后台数据,然后在客户端(浏览器)上显示出来! 一、 Repeater控件 1、用途:使用模板循环显示数据。 2、包含的模板
本文向大家介绍asp.net在Repeater嵌套的Repeater中使用复选框详解,包括了asp.net在Repeater嵌套的Repeater中使用复选框详解的使用技巧和注意事项,需要的朋友参考一下 .aspx文件中: .aspx.cs文件中: 以上所述是小编给大家介绍的asp.net在Repeater嵌套的Repeater中使用复选框,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会
本文向大家介绍ASP.NET Repeater 单双行数据换色示例,包括了ASP.NET Repeater 单双行数据换色示例的使用技巧和注意事项,需要的朋友参考一下 前台点击Repeater的ItemCreated触发事件。 CS代码:
本文向大家介绍在ASP.NET 2.0中操作数据之三十:格式化DataList和Repeater的数据,包括了在ASP.NET 2.0中操作数据之三十:格式化DataList和Repeater的数据的使用技巧和注意事项,需要的朋友参考一下 导言 在前面的教程里我们学习了DataList提供了一些风格样式的属性.而且我们还学习了如何定义HeadStyle, ItemStyle, Alternat
本文向大家介绍ASP.NET数据绑定之GridView控件,包括了ASP.NET数据绑定之GridView控件的使用技巧和注意事项,需要的朋友参考一下 GridView 是 DataGrid的后继控件,在.net framework 2 中,虽然还存在DataGrid,但是GridView已经走上了历史的前台,取代DataGrid的趋势已是势不挡。 作用:其功能是在web页面中显示数据源中的数据