如何在Visual Studio Net Core中的cshtml中包含引导程序选择?页面上未显示任何内容

Question

我有visual studio社区2019。我已经用.NET 5.0创建了一个ASP.NET核心Web应用程序项目。因此包含bootstrap v4.3.1。

现在我想添加一个引导程序选择下拉列表：https://developer.snapappointments.com/bootstrap-select/

我已经使用NuGet软件包管理器安装了引导程序选择。

问题1：我是否必须立即复制一些js文件或更新任何配置，因为在wwwroot/js或wwwroot/lib中，bootstrap-select.js文件不可用。

问题2：请参阅下面的代码。我添加了一个选定项目，但页面上没有显示任何内容？为什么？

@{
ViewData["Title"] = "Home Page";
}

<select class="selectpicker from-control" multiple data-live-search="true">
<option>Mustard</option>
<option>Ketchup</option>
<option>Barbecue</option>
</select>
<script type="text/javascript">
$(document).read(function () {
$('select').selectpicker();
});
</script>

Answer 1

这取决于您，您可以使用该提供程序中的CND到您的布局页面中，也可以将所有必要的文件复制并粘贴到wwwroot文件夹中，并将它们包含到布局页面中。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>

但最终您需要将其包含在布局页面中，还需要添加类似的javascript或jquery以使其工作。

$('.your-dropdown-class').selectpicker();