DropDownCheckBoxes 不响应 ASP.NET 中的引导类答案

【问题标题】：DropDownCheckBoxes Not Responding To Bootstrap Class in ASP.NETDropDownCheckBoxes 不响应 ASP.NET 中的引导类
【发布时间】：2017-03-23 05:42:52
【问题描述】：

我在 ASP.NET 页面中使用 DropDOwnCheckBox 作为我的控件之一。每次我尝试使用 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>

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

【问题讨论】：

标签： c# css asp.net

【解决方案1】：

您可以使用“Bootstrap Dropdown-checkbox”来实现带有复选框的下拉菜单。

所有你需要这样做如下：-

安装

添加 jQuery 和 Bootstrap。
在 HTML body 和 jQuery 之后添加这个：-

脚本类型"text/javascript" src="/path/bootstrap-dropdown-checkbox.js"
在该部分之后添加：

link rel="stylesheet" type="text/css" href="/path/bootstrap-dropdown-checkbox.css">

您应该使用的 HTML 模板：

div class="myDropdownCheckbox"

然后，通过一个 jQuery 选择器：

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

【讨论】：