Question

我使用DropDOwnCheckBox作为ASP.NET页面中的一个控件。每次我尝试使用Bootstrap中的表单控件类时，都没有响应。这是我的代码：

     <cc1:DropDownCheckBoxes ID="ddlChkBoxLst" CssClass="form-control" runat="server" Visible="False" UseSelectAllNode="False" AddJQueryReference="true">
                                    <%--<Style SelectBoxWidth="195" DropDownBoxBoxWidth="160" DropDownBoxBoxHeight="90"></Style>--%>
                                        <Items>
                                            <asp:ListItem Text="By Bank" Value="1"></asp:ListItem>
                                            <asp:ListItem Text="By Sector" Value="2"></asp:ListItem>
                                            <asp:ListItem Text="By Country" Value="3"></asp:ListItem>
                                            <asp:ListItem Text="By Investment Type" Value="4"></asp:ListItem>
                                            <asp:ListItem Text="By Location" Value="5"></asp:ListItem>
                                            <asp:ListItem Text="By Amount" Value="6"></asp:ListItem>
                                        </Items>
                                </cc1:DropDownCheckBoxes>

之前，我该如何解决这个问题？

Answer 1

您可以使用＆＃34; Bootstrap Dropdown-checkbox＆＃34;用复选框实现下拉列表。

所有你都要这样做： -

安装

添加jQuery和Bootstrap。
在HTML正文和jQuery之后添加： -

脚本类型＆＃34; text / javascript＆＃34; SRC =＆＃34; /path/bootstrap-dropdown-checkbox.js"
在以下部分添加：

link rel =＆＃34; stylesheet＆＃34;类型=＆＃34;文本/ CSS＆＃34; HREF =＆＃34; /path/bootstrap-dropdown-checkbox.css"＆GT;

您应该使用的HTML模板：

div class="myDropdownCheckbox"

然后，通过jQuery选择器：

var myData = [{id: 1, label: "Test" }];
$(".myDropdownCheckbox").dropdownCheckbox({
  data: myData,
  title: "Dropdown Checkbox"
});

有关详情：http://acquisio.github.io/bootstrap-dropdown-checkbox/

DropDownCheckBoxes没有响应ASP.NET中的Bootstrap类

1 个答案: