ASP.NET中GridView和Repeater重复数据如何合并

 更新时间:2021年9月22日 10:06  点击:2256

这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下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>

GridView 后台代码

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列的合并单元格方法
   }
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。

[!--infotagslink--]

相关文章

  • Vue初始化中的选项合并之initInternalComponent详解

    这篇文章主要介绍了Vue初始化中的选项合并之initInternalComponent的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-06-11
  • C#实现3步手动建DataGridView的方法

    这篇文章主要介绍了C#实现3步手动建DataGridView的方法,实例分析了C#实现手动创建DataGridView的原理与技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • C#中DataGridView动态添加行及添加列的方法

    这篇文章主要介绍了C#中DataGridView动态添加行及添加列的方法,涉及C#中DataGridView针对行与列动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • C#实现合并及拆分PDF文件的方法

    这篇文章主要为大家详细介绍了C#合并及拆分PDF文件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • C#中datagridview使用tooltip控件显示单元格内容的方法

    这篇文章主要介绍了C#中datagridview使用tooltip控件显示单元格内容的方法,实例分析了C#控件的相关使用技巧,需要的朋友可以参考下...2020-06-25
  • Repeater事件OnItemCommand取得行内控件的方法

    这篇文章主要介绍了Repeater事件OnItemCommand取得行内控件的方法,有需要的朋友可以参考一下...2021-09-22
  • JavaScript数组合并案例讲解

    这篇文章主要介绍了JavaScript数组合并案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下...2021-08-16
  • ES2020系列之空值合并运算符 '??'

    这篇文章主要介绍了ES2020系列之空值合并运算符 '??',文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-07-22
  • C#合并多种格式文件为PDF的方法

    这篇文章主要为大家详细介绍了C#合并多种格式文件为PDF的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • C#实现简单合并word文档的方法

    这篇文章主要介绍了C#实现简单合并word文档的方法,涉及C#针对word文档的读取、插入、保存等技巧,非常具有实用价值,需要的朋友可以参考下...2020-06-25
  • Python-numpy实现灰度图像的分块和合并方式

    今天小编就为大家分享一篇Python-numpy实现灰度图像的分块和合并方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-04-27
  • C#中GridView动态添加列的实现方法

    这篇文章主要介绍了C#中GridView动态添加列的实现方法,涉及C#中GridView的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • 浅析GridView中显示时间日期格式的问题

    下面小编就为大家带来一篇浅析GridView中显示时间日期格式的问题。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-09-22
  • TensorFlow2.0:张量的合并与分割实例

    今天小编就为大家分享一篇TensorFlow2.0:张量的合并与分割实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-04-22
  • 在ASP.NET 2.0中操作数据之二十九:用DataList和Repeater来显示数据

    本文主要讲解ASP.NET 2.0中如何使用DataList 和 Repeater 来呈现数据,DataList包含一个table标记,而Repeater不会添加任何额外的代码,个人在实际开发中更推荐使用Repeater。...2021-09-22
  • pandas 实现某一列分组,其他列合并成list

    这篇文章主要介绍了pandas 实现某一列分组,其他列合并成list的案例。具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-26
  • ASP.NET笔记之 Repeater的使用

    本篇文章小编为大家介绍,ASP.NET笔记之 Repeater的使用。需要的朋友参考下...2021-09-22
  • C#中DataGridView常用操作实例小结

    这篇文章主要介绍了C#中DataGridView常用操作,以实例形式总结了DataGridView绑定下拉列表、设置默认值、判断复选框是否选中等技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • asp.net实现DataList与Repeater嵌套绑定的方法

    这篇文章主要介绍了asp.net实现DataList与Repeater嵌套绑定的方法,结合实例形式分析了DataList与Repeater的步骤与相关实现技巧,需要的朋友可以参考下...2021-09-22
  • C# 合并GriewView相同列的小例子

    C# 合并GriewView相同列的小例子,需要的朋友可以参考一下...2020-06-25