的GridView列作为行

Question

在ASP NET项目我有一个gridview控制具有以下信息：

Column A Column B Column C Graph 
Value A 1   9   Graph A 
Value B 3   7   Graph B 

图表列具有在每行上是为o每个图表的信息表示的值的图表控制例如，图A具有10％和90％的条形图，图B具有30％和70％的条形图。

不，我想知道什么是表示这样的信息，最简单的方法：

Column A Column B Column C 
Value A 1   9 
     Graph A 
Value B 3   7 
     Graph B 

感谢

Answer 1

使用TemplateField为列B.然后你可以使用任何你喜欢HTML那里。 例如：

<asp:TemplateField HeaderText="Column B" > 
    <ItemTemplate> 
     <asp:Label runat="server" ID="LblColumnB" /><br/> 
     <asp:Image ID="ImgChart" runat="server" /> 
    </ItemTemplate> 
</asp:TemplateField> 

您可以将数据绑定，例如在GridView的RowDataBound -Handler。

void GridView1_RowDataBound(Object sender, GridViewRowEventArgs e) 
    { 
    if(e.Row.RowType == DataControlRowType.DataRow) 
    { 
     var data = (DataRowView)e.Row.DataItem; 
     var LblColumnB = (Label)e.Row.FindControl("LblColumnB"); 
     var ImgChart = (Image)e.Row.FindControl("ImgChart"); 
     // Bind data or load the controls .... 
    } 
    }