0

我很确定这可能是我需要的一些脚本参考，但这是我到目前为止所拥有的。

我的脚本：

    script src="~/scripts/jquery-3.1.1.js"></script>


<script src="~/Scripts/knockout-3.4.2.js"></script>
<script src="~/Scripts/moment.js"></script>
<script src="~/Scripts/knockout.mapping-latest.js"></script>
<script src="~/Scripts/bootstrap-select.min.js"></script>
<script type="text/javascript">


    $(document).ready(function () {
        $(".selectpicker").selectpicker({
            liveSearch: true,
            showSubtext: true
        });
    });
</script>

在此之后使用 Knockout 加载对象。

我的CSS：

<link rel="stylesheet" href="~/Content/bootstrap-select.min.css">

和正常的引导程序。

这是我的下拉列表：

 <td><u>persons</u><br />@Html.DropDownList("PersonId", (SelectList)ViewBag.PersonId, "Choose the person you want.", htmlAttributes: new
                           {
                               @class = "selectpicker",
                               data_show_subtext = "true",
                               data_live_search = "true"
                           })

如果我检查页面，我可以找到带有正确选项的选择，但除非我删除“Selectpicker”类，否则我不会在页面上显示任何建议如何解决这个问题？

谢谢。

4

2 回答 2

0

我有同样的情况，下面的代码没有呈现：

<div class="field"> <label for="title">Title</label> @Html.DropDownList("TitleList", new SelectList(Model.claimantTitles, "TitleId", "Title"), "--Select Title--", new { @class = "dropdown-menu", @arialabelledby = "dropdownlabel" }) </div>

我删除了：@class = "dropdown-menu"它起作用了

于 2019-05-07T11:17:56.530 回答
0

您需要检查 chrome 开发人员工具，该元素的计算属性是什么，您可能会发现该类还有另一个实现隐藏它。

查看计算的属性：

  1. 在谷歌浏览器上打开开发者工具（f12 或检查所需元素上的元素）
  2. 在元素选项卡上选择要检查的元素
  3. 从开发人员工具的右窗格中选择计算选项卡

在那里你会找到计算的 CSS 属性列表，如果你点击任何属性，它会打开这个实现的位置

希望这会有所帮助

于 2017-08-09T10:03:40.223 回答