现在的位置: 首页 > 综合 > 正文

(论坛答疑点滴)如何利用DataGrid纵向显示数据?

2012年12月02日 ⁄ 综合 ⁄ 共 1794字 ⁄ 字号 评论关闭
 

有的时候想实现类似下图,第二个图示的效果:

 

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

<asp:DataList id="DataList1" runat="server" RepeatColumns="10">

                
<ItemTemplate>

                    
<%# DataBinder.Eval(Container.DataItem,"test"%>

                
</ItemTemplate>

        
</asp:DataList>

这样显示出来的是上图的效果,并不能得到预期的纵向显示一定行的效果。

其实遇到这样的情况可以对数据源做一下转换。

比如我们建立这样的测试数据源:

DataTable dt=new DataTable();

            DataColumn dc
=new DataColumn("test",Type.GetType("System.String"));

            dt.Columns.Add(dc);

            
for(int i=1;i<=54;i++)

            
{

                DataRow dr
=dt.NewRow();

                dr[
"test"]="测试"+i;

                dt.Rows.Add(dr);

            }


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

private DataTable MakeData(DataTable dt,int iSize,int iColumnID)

        
{

            
int itmp=dt.Rows.Count%iSize;

            
int iColumn;

            
if(itmp==0)

                iColumn
=dt.Rows.Count/iSize;

            
else

                iColumn
=dt.Rows.Count/iSize+1;

            DataTable newdt
=new DataTable();

            
for(int i=0;i<iColumn;i++)

            
{

                DataColumn dc
=new DataColumn(dt.Columns[iColumnID].ColumnName+i,dt.Columns[iColumnID].DataType);

                newdt.Columns.Add(dc);

            }


            
for(int i=0;i<iSize;i++)

            
{        

                DataRow dr
=newdt.NewRow();

                
for(int j=0;j<iColumn;j++)

                
{

                    
if((i+j*iSize)<dt.Rows.Count)dr[dt.Columns[iColumnID].ColumnName+j]=dt.Rows[i+j*iSize][iColumnID];

                }


                newdt.Rows.Add(dr);                

            }


            
return newdt;

        }


然后绑定即可:

this.DataGrid1.DataSource=MakeData(dt,8,0);

            
this.DataGrid1.DataBind();


在这里仅仅说明一下这个方法三个参数的含义:

第一个参数传递一个原来的数据表进去

第二个参数表示希望这一列显示多少行

第三个参数表示这个字段是数据表的第几列的字段,这里的数据表只有1列,所以写0

抱歉!评论已关闭.