如何在gridview中使用带有复选框列表控件的下拉列表

时间:2013-12-24 06:40:40

标签: asp.net

假设有一个grid-view,我希望在dropdownlist中使用checklist boxes grid-view控件。 如何使用它 ?有人能帮助我吗?

2 个答案:

答案 0 :(得分:0)

最好使用DataList而不是使用GridView,在DataList中,您可以使用<ItemTemplate>来获取所需的格式化输出,您可以将图像和控件放在一起想。

答案 1 :(得分:0)

嗨,它会工作,但你需要 AjaxToolkit

<强> CSS

  <style>
    .PnlDesign
        {
            border: solid 1px #000000;
            height: 150px;
            width: 330px;
            overflow-y:scroll;
            background-color: #EAEAEA;
            font-size: 15px;
            font-family: Arial;
        }
        .txtbox
        {
            background-image: url(../images/drpdwn.png);
            background-position: right top;
            background-repeat: no-repeat;
            cursor: pointer;
            cursor: hand;
        }
        </style>

<强> ASPX

 <asp:GridView ID="GridView1" runat="server" Width="274px">
            <Columns>
                <asp:TemplateField >
                    <ItemTemplate>
                        <asp:TextBox ID="txtCustomer" Text="Select Customers" runat="server" CssClass="txtbox"
                    Height="20px" Width="322px"></asp:TextBox>
                <asp:Panel ID="PnlCust" runat="server" CssClass="PnlDesign">
                    <asp:CheckBoxList ID="cblCustomerList" runat="server">
                        <asp:ListItem>Customer One</asp:ListItem>
                        <asp:ListItem>Customer Two</asp:ListItem>
                        <asp:ListItem>Customer Three</asp:ListItem>
                        <asp:ListItem>Customer Four</asp:ListItem>
                        <asp:ListItem>Customer Five</asp:ListItem>
                        <asp:ListItem>Customer Six</asp:ListItem>
                        <asp:ListItem>Customer Seven</asp:ListItem>
                    </asp:CheckBoxList>
                </asp:Panel>
                        <asp:PopupControlExtender ID="PceSelectCustomer" runat="server" TargetControlID="txtCustomer"
                    PopupControlID="PnlCust" Position="Bottom">
                </asp:PopupControlExtender>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>