Question

我正在学习ASP.NET MVC 6教程并习惯了这个框架。我需要在我的一个视图中添加颜色选择器。由于HTML5类型的颜色＆＃39; IE不支持我不能使用它。

相反，我认为我在这里使用 bootstrap-colorpicker 插件：http://mjolnic.com/bootstrap-colorpicker/。

我已经通过NPM安装了软件包，但无法在View中找出如何引用它。包应该在wwwroot\libs文件夹中安装文件吗？或者我是否需要手动复制这些内容并在@section Scripts中引用？

我还使用NuGet PM安装了它，它显示在References下，但是我想知道如何在实际的View中引用它。

Answer 1

使用NuGet PM进行安装会创建以下文件夹结构：

/Content
    /bootstrap-colorpicker
        /css
            /bootstrap-colorpicker.css
        /img
            /*.png
/Scripts
    /bootstrap-colorpicker.js

所以你必须在BundleConfig中添加以下行：

bundles.Add(New ScriptBundle("~/bundles/colorscripts").Include(
    "~/Scripts/bootstrap-colorpicker.js")
bundles.Add(New StyleBundle("~/Content/bootstrap-colorpicker/bootstrap-colorpicker/colorstyle").Include(
    "~/Content/bootstrap-colorpicker/css/bootstrap-colorpicker.css"))

然后在Razor视图中引用包：

@section SiteCSS
    @Styles.Render("~/Content/bootstrap-colorpicker/bootstrap-colorpicker/colorstyle")
End Section

@section Scripts
    @Scripts.Render("~/bundles/colorscripts")
End Section

BTW：额外的＆＃34; bootstrap-colorpicker＆＃34;样式包的文件夹是优化程序所必需的。否则，您会收到404（请参阅here，here和here）。

如何在ASP Net 5视图中引用Bootstrap-Colorpicker

1 个答案: