如何使用GridView为数据库中的每个字段生成复选框

时间:2012-05-08 17:05:38

标签: asp.net vb.net gridview checkbox

我对VB编码的了解有限。我现在正在创建一个系统,允许客户选择他们想要的展览活动和展位号,然后保留他们想要租用的那一天。

默认情况下,在GridView控件中可以添加复选框字段,但它只为1行数据生成1个复选框。

作为标题中的状态,我不知道如何为数据库调用D1,D2,D3,D4,D5,D6和D7中的每个字段生成复选框,默认情况下每个字段都带有值0。 现在我希望每个字段都有一个复选框,允许客户选择要保留哪一天并检索其检查值以便偷取到相应的D1-D7字段中,选中的值将更新值0到1.

接下来,我应该如何编码将已检查的值存储到数据库中?在default.aspx或default.aspx.vb?

或者生成复选框而不是使用gridview的任何其他建议?

使用GridView的默认视图

enter image description here

我想要什么

enter image description here

我的编码:

    <%@ Page Language="VB" MasterPageFile="~/MasterPageMember.master" AutoEventWireup="false" CodeFile="member_view_event_list.aspx.vb" Inherits="member_view_event_list" title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">



    <style type="text/css">
        .style8
        {
            width: 46px;
        }
        .style9
        {
        }
        .style10
        {
            width: 86px;
        }
    </style>



    </asp:Content>

<asp:Content ID="ContentPlaceHolder2" runat="server" 
    contentplaceholderid="ContentPlaceHolder2">



    <table width="80%">
        <tr><td class="style10">&nbsp;</td><td class="style8">&nbsp;</td><td>&nbsp;</td></tr>
        <tr><td class="style10">
            <asp:Label ID="Label1" runat="server" Text="Select Event:"></asp:Label>
        </td><td class="style8">
            <asp:DropDownList ID="ddlEventList" runat="server" 
                DataSourceID="SqlDataSourceEvent" DataTextField="eventTitle" 
                DataValueField="eventID" AutoPostBack="True" Width="200">

            </asp:DropDownList>
            <asp:SqlDataSource ID="SqlDataSourceEvent" runat="server" 
                ConnectionString="<%$ ConnectionStrings:ConnectionString1 %>" 
                SelectCommand="SELECT DISTINCT [eventTitle], [eventID] FROM [booth_eventinfo]">
            </asp:SqlDataSource>
        </td><td>
                &nbsp;</td></tr>


        <tr><td class="style10">
            <asp:Label ID="Label2" runat="server" Text="Select Booth:"></asp:Label>
            </td><td class="style8">
            <asp:DropDownList ID="ddlBoothList" runat="server" 
                DataSourceID="SqlDataSourceBooth" DataTextField="boothAlias" 
                DataValueField="boothID" AutoPostBack="True" Width="200">

            </asp:DropDownList>
            <asp:SqlDataSource ID="SqlDataSourceBooth" runat="server" 
                ConnectionString="<%$ ConnectionStrings:ConnectionString1 %>" 
                SelectCommand="SELECT [boothAlias], [boothID] FROM [booth_eventinfo] WHERE ([eventID] = @eventID)">
                <SelectParameters>
                    <asp:ControlParameter ControlID="ddlEventList" Name="eventID" 
                        PropertyName="SelectedValue" Type="Int32" />
                </SelectParameters>
            </asp:SqlDataSource>
            </td><td>
                 </td></tr>


        <tr><td class="style10">
            &nbsp;</td><td class="style8">
                &nbsp;</td><td>
                 &nbsp;</td></tr>


        <tr><td class="style9" colspan="3">

            <asp:GridView ID="GridViewDay" runat="server" AutoGenerateColumns="False" 
                CellPadding="4" DataSourceID="SqlDataSourceDay" ForeColor="#333333" 
                GridLines="None">
                <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
                <Columns>
                    <asp:BoundField DataField="D1" HeaderText="Day1" SortExpression="D1" />
                    <asp:BoundField DataField="D2" HeaderText="Day2" SortExpression="D2" />
                    <asp:BoundField DataField="D3" HeaderText="Day3" SortExpression="D3" />
                    <asp:BoundField DataField="D4" HeaderText="Day4" SortExpression="D4" />
                    <asp:BoundField DataField="D5" HeaderText="Day5" SortExpression="D5" />
                    <asp:BoundField DataField="D6" HeaderText="Day6" SortExpression="D6" />
                    <asp:BoundField DataField="D7" HeaderText="Day7" SortExpression="D7" />
                </Columns>
                <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
                <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                <AlternatingRowStyle BackColor="White" />
            </asp:GridView>
            <asp:SqlDataSource ID="SqlDataSourceDay" runat="server" 
                ConnectionString="<%$ ConnectionStrings:ConnectionString1 %>" 
                SelectCommand="SELECT [D1], [D7], [D6], [D5], [D4], [D3], [D2] FROM [booth_eventinfo] WHERE ([boothID] = @boothID)">
                <SelectParameters>
                    <asp:ControlParameter ControlID="ddlBoothList" Name="boothID" 
                        PropertyName="SelectedValue" Type="Int32" />
                </SelectParameters>
            </asp:SqlDataSource>
            </td></tr>


        <tr><td class="style10">
            &nbsp;</td><td class="style8">
                <asp:CheckBox ID="CheckBox1" runat="server" />
            </td><td>
                &nbsp;</td></tr>


</table>

</asp:Content>

2 个答案:

答案 0 :(得分:0)

您需要将每个CheckBox控件的'BoundField'更改为'TemplateField'。下面的代码示例向您展示了如何执行此操作。请注意DataField值的绑定表达式语法:

<asp:TemplateField HeaderText="Day1" SortExpression="D1" HeaderStyle-HorizontalAlign="Center">
  <ItemTemplate>
     <asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Bind("D1") %>' />
  </ItemTemplate>
</asp:TemplateField>

答案 1 :(得分:0)

这可能会帮到你。如果要求只放置七天的复选框,而不是使用网格视图,您可以使用asp:CheckBoxList。创建列表后,您可以使用css水平设置它,使其符合图像中所示的外观。此link可预览复选框列表。

对于问题的第二部分,您可以在最终提交期间将其保存在default.aspx.vb中。

如果您想使用gridview,则必须添加七个模板化列并将其绑定到数据源。