有的时候想实现类似下图,第二个图示的效果:
如何利用GridView纵向显示数据?

我们可能首先会想到DataList,其实DataList我们这里设置:

如何利用GridView纵向显示数据?<asp:DataList id="DataList1" runat="server" RepeatColumns="10">
如何利用GridView纵向显示数据?                
<ItemTemplate>
如何利用GridView纵向显示数据?如何利用GridView纵向显示数据?                    
<%如何利用GridView纵向显示数据?# DataBinder.Eval(Container.DataItem,"test") %>
如何利用GridView纵向显示数据?                
</ItemTemplate>
如何利用GridView纵向显示数据?        
</asp:DataList>

这样显示出来的是上图的效果,并不能得到预期的纵向显示一定行的效果。
其实遇到这样的情况可以对数据源做一下转换。
比如我们建立这样的测试数据源:

 

如何利用GridView纵向显示数据?DataTable dt=new DataTable();
如何利用GridView纵向显示数据?             DataColumn dc
=new DataColumn("test",Type.GetType("System.String"));
如何利用GridView纵向显示数据?             dt.Columns.Add(dc);
如何利用GridView纵向显示数据?            
for(int i=1;i<=54;i++)
如何利用GridView纵向显示数据?如何利用GridView纵向显示数据?            
如何利用GridView纵向显示数据?{
如何利用GridView纵向显示数据?                 DataRow dr
=dt.NewRow();
如何利用GridView纵向显示数据?                 dr[
"test"]="测试"+i;
如何利用GridView纵向显示数据?                 dt.Rows.Add(dr);
如何利用GridView纵向显示数据?             }


数据表中有54行数据,我们希望它一列显示8行,也就是分7列显示,达到上图的效果,写一个方法进行转换。

如何利用GridView纵向显示数据?private DataTable MakeData(DataTable dt,int iSize,int iColumnID)
如何利用GridView纵向显示数据?如何利用GridView纵向显示数据?        
如何利用GridView纵向显示数据?{
如何利用GridView纵向显示数据?            
int itmp=dt.Rows.Count%iSize;
如何利用GridView纵向显示数据?            
int iColumn;
如何利用GridView纵向显示数据?            
if(itmp==0)
如何利用GridView纵向显示数据?                 iColumn
=dt.Rows.Count/iSize;
如何利用GridView纵向显示数据?            
else
如何利用GridView纵向显示数据?                 iColumn
=dt.Rows.Count/iSize+1;
如何利用GridView纵向显示数据?             DataTable newdt
=new DataTable();
如何利用GridView纵向显示数据?            
for(int i=0;i<iColumn;i++)
如何利用GridView纵向显示数据?如何利用GridView纵向显示数据?            
如何利用GridView纵向显示数据?{
如何利用GridView纵向显示数据?                 DataColumn dc
=new DataColumn(dt.Columns[iColumnID].ColumnName+i,dt.Columns[iColumnID].DataType);
如何利用GridView纵向显示数据?                 newdt.Columns.Add(dc);
如何利用GridView纵向显示数据?             }

如何利用GridView纵向显示数据?            
for(int i=0;i<iSize;i++)
如何利用GridView纵向显示数据?如何利用GridView纵向显示数据?            
如何利用GridView纵向显示数据?{        
如何利用GridView纵向显示数据?                 DataRow dr
=newdt.NewRow();
如何利用GridView纵向显示数据?                
for(int j=0;j<iColumn;j++)
如何利用GridView纵向显示数据?如何利用GridView纵向显示数据?                
如何利用GridView纵向显示数据?{
如何利用GridView纵向显示数据?                    
if((i+j*iSize)<dt.Rows.Count)dr[dt.Columns[iColumnID].ColumnName+j]=dt.Rows[i+j*iSize][iColumnID];
如何利用GridView纵向显示数据?                 }

如何利用GridView纵向显示数据?                 newdt.Rows.Add(dr);                
如何利用GridView纵向显示数据?             }

如何利用GridView纵向显示数据?            
return newdt;
如何利用GridView纵向显示数据?         }


然后绑定即可:

如何利用GridView纵向显示数据?this.DataGrid1.DataSource=MakeData(dt,8,0);
如何利用GridView纵向显示数据?            
this.DataGrid1.DataBind();


在这里仅仅说明一下这个方法三个参数的含义:
第一个参数传递一个原来的数据表进去
第二个参数表示希望这一列显示多少行
第三个参数表示这个字段是数据表的第几列的字段,这里的数据表只有1列,所以写0

其实这么做的好处在于DataGrid能够方便的进行分页,这个排列次序接近于DataList的RepeatDirection="Vertical"效果
今天再来对上次的程序进行一下修改,实现RepeatDirection="Horizontal"的效果,同时启用DataGrid的分页。
这样可以弥补DataList不能自动分页的不足,但是效率上来说其实是很差的。

相关文章:

  • 2021-11-20
  • 2021-12-07
  • 2021-05-30
  • 2021-09-03
  • 2021-11-14
  • 2021-11-01
  • 2022-12-23
猜你喜欢
  • 2021-10-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-11
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案