Razor / .Net Core

Question

我在.NET Core项目中的下拉列表表单输入中应用bootstrap-select属性时遇到问题。特别是我想应用live search属性。

1 - 我尝试了以下代码。它位于Razor页面中，并且＆＃39; _＆＃39;建议使用语法here。这成功应用了Bootstrap样式（参见屏幕截图），但没有附加属性：

                @Html.DropDownListFor(m => m.Observation.BirdId, new SelectList(Model.Birds, "BirdId", "EnglishName"),
                    new {
                      @class = "form-control selectpicker",
                      data_width = "auto",
                      data_live_search = "true",
                    //data_show_subtext = "true",
           })

这是截图。它显示已成功应用Bootstrap样式，但不显示实时搜索功能。此列表最终将包含约600个选项，因此需要搜索功能。

2 - 我还尝试在一个空白的Razor页面中应用以下代码 - 直接从bootstrap-select documentation解除。结果是相同的：它应用Bootstrap样式但不应用实时搜索功能。或者我尝试过的任何其他属性：

  <select class="selectpicker" data-live-search="true">
        <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
        <option data-tokens="mustard">Burger, Shake and a Smile</option>
        <option data-tokens="frosting">Sugar, Spice and all things nice</option>
 </select>

过去几天我尝试过各种各样的事情。有没有人有什么建议？谢谢。

Answer 1

我找到了问题的根源。我安装了NuGet包。我卸载了NuGet包。然后我通过链接添加了依赖项：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/i18n/defaults-*.min.js"></script>

bootstrap-select documentation中介绍了安装所需依赖项的各种方法。

我之前曾尝试通过链接添加依赖项。但是，我认为它与已安装的NuGet依赖项存在冲突。