（二）如何将多列多行的CheckBox绑定到DataGrid（06年的文章，技术已过时）

  

接上篇。

在得到了多行多列的表之后，就要显示如下的效果了：

 

要显示上面的效果，只需要在html的<asp:datagrid></asp:datagrid>的标签中加入以下的代码即可:

说明：蓝色字体部分是关键

<asp:datagrid id="DataGrid1" style="Z-INDEX: 109; LEFT: 112px; POSITION: absolute; TOP: 104px" runat="server" Width="368px" BackColor="White" GridLines="None" CellPadding="3" CellSpacing="1" BorderWidth="2px" BorderStyle="Ridge" ShowHeader="False" AutoGenerateColumns="False" Height="168px" BorderColor="White">

        <SelectedItemStyle Font-Bold="True" ForeColor="White"

BackColor="#9471DE"></SelectedItemStyle>

        <ItemStyle ForeColor="Black" BackColor="#DEDFDE"></ItemStyle>

        <HeaderStyle Font-Bold="True" ForeColor="#E7E7FF" BackColor="#4A3C8C"></HeaderStyle>

        <FooterStyle ForeColor="Black" BackColor="#C6C3C6"></FooterStyle>

        <Columns>

            <asp:TemplateColumn>

                <HeaderStyle Width="5%"></HeaderStyle>

                <ItemTemplate>

                   <asp:CheckBox id="checkbox1" AutoPostBack ="True" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.cloumn1") %>'>

                   </asp:CheckBox>

                </ItemTemplate>

            </asp:TemplateColumn>

            <asp:TemplateColumn>

                <HeaderStyle Width="5%"></HeaderStyle>

                <ItemTemplate>

                   <asp:CheckBox id="checkbox2" AutoPostBack ="True" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.cloumn2") %>'>

                   </asp:CheckBox>

                </ItemTemplate>

            </asp:TemplateColumn>

            <asp:TemplateColumn>

                <HeaderStyle Width="5%"></HeaderStyle>

                <ItemTemplate>

                   <asp:CheckBox id="checkbox3" AutoPostBack ="True" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.cloumn3") %>'>

                   </asp:CheckBox>

                </ItemTemplate>

            </asp:TemplateColumn>

        </Columns>

        <PagerStyle HorizontalAlign="Right" ForeColor="Black" BackColor="#C6C3C6"></PagerStyle>

</asp:datagrid>