2013年9月9日 星期一

[ASP.NET] 直向顯示GridView

說明:一般GridView顯示格式如下:
身份證字號 | 姓名 | 生日
A123456789  A        70/01/01
B123456789  B         90/12/31

若想換成直向顯示,該怎麼做?
身份證字號: A123456789  
姓名: A
生日: 70/01/01
身份證字號: B123456789  
姓名: B
生日: 90/01/01

解法:
可使用GridView的TemplateFiled,如:

//xxx.aspx
<GridView>
    <Columns>
        <asp:TemplateFiled>
         <ItemTemplate>
            <table>
                <tr>
                    <td><asp:Label ID="lblID" runat="server" Text="身份證字號"></asp:Label></td>
                     <td><asp:TextBox ID="txtID" runat="server" Text='<%# Eval("ID") %>'>                     </asp:TextBox></td>
                 </tr>
                 <tr>
                      <td><asp:Label ID="lblName" runat="server" Text="姓名"></asp:Label></td>
                      <td><asp:TextBox ID="txtName" runat="server" Text='<%# Eval("Name") %>'>                                               </asp:TextBox></td>
                  </tr>
                  <tr>
                      <td><asp:Label ID="lblBirthday" runat="server" Text="生日"></asp:Label></td>
                      <td><asp:TextBox ID="txtBirthday" runat="server" Text='<%# Eval("Birthday") %>'>                                       </asp:TextBox></td>
                   </tr>
            </table>
          </ItemTemplate>
         </asp:TemplateFiled>
    </Columns>
</GridView>

//xxx.aspx.cs
pivate void Bind()
{
    GridView.DataSource = 資料來源;
    GridView.DataBind();
}

參考資料:
http://social.msdn.microsoft.com/Forums/zh-TW/b6d70080-3abb-4223-a2cc-1d1177cd6db4/gridview



沒有留言:

張貼留言