如何在ASP Net 5查看

引用Bootstrap-Colorpicker我正在通過ASP.NET MVC 6教程並習慣框架。我有要求將顏色選擇器添加到我的某個視圖中。由於IE5不支持HTML5類型的「顏色」，我無法使用它。如何在ASP Net 5查看

取而代之的是我認爲我會在這裏使用bootstrap-colorpicker插件：http://mjolnic.com/bootstrap-colorpicker/。

我已經通過NPM安裝了該軟件包，但無法找到如何在View中引用它的方法。包是否應該在wwwroot\libs文件夾中安裝文件？或者我需要手動複製這些文件並在@section Scripts中參考？

我也安裝了它使用的NuGet PM它似乎References下，但我在同一條船上想知道如何引用它在實際View。

來源

2016-03-07 jidl

將'js'和'css'文件拖到您的視圖中。 –

從哪裏來？我在'wwwroot'的任何地方都看不到這個文件。我的源文件有一個'node_modules'文件夾（包含colorpicker），但我無法看到在Visual Studio中如何訪問它。 – jidl

檢查[這篇博客文章]，希望它將會幫助你找到你安裝的軟件包。 – Michael

用的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：樣式束的附加「bootstrap-colorpicker」文件夾是優化器所必需的。否則，你會得到一個404（請參閱here,here和here）。

來源

2016-04-26 07:20:27 roland

如何在ASP Net 5查看

回答

相關問題