Wie fügt man die jQueryUI-Bibliothek im MVC 5-Projekt hinzu?



1 Answers

Das css-Bundle sollte nun für Version 1.11.1 wie folgt aussehen:

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
        "~/Content/themes/base/accordion.css",
        "~/Content/themes/base/all.css",
        "~/Content/themes/base/autocomplete.css",
        "~/Content/themes/base/base.css",
        "~/Content/themes/base/button.css",
        "~/Content/themes/base/core.css",
        "~/Content/themes/base/datepicker.css",
        "~/Content/themes/base/dialog.css",
        "~/Content/themes/base/draggable.css",
        "~/Content/themes/base/menu.css",
        "~/Content/themes/base/progressbar.css",
        "~/Content/themes/base/resizable.css",
        "~/Content/themes/base/selectable.css",
        "~/Content/themes/base/selectmenu.css",
        "~/Content/themes/base/slider.css",
        "~/Content/themes/base/sortable.css",
        "~/Content/themes/base/spinner.css",
        "~/Content/themes/base/tabs.css",
        "~/Content/themes/base/theme.css",
        "~/Content/themes/base/tooltip.css"));

`

Question

Ich habe gerade Visual Studio 2013 installiert und ein neues MVC 5-Projekt gestartet. Ich bin etwas neu in MVC Entwicklung und ich kann nicht herausfinden, wie Sie Bibliotheken in meinem Projekt hinzufügen.

Ich sehe ähnliche Teile. Zum Beispiel _Layout.cshtml ich auf dem _Layout.cshtml diesen Code:

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")

Dann in der Datei packages.config :

<packages>
  <package id="Antlr" version="3.4.1.9004" targetFramework="net45" />
  <package id="bootstrap" version="3.0.0" targetFramework="net45" />
  <package id="EntityFramework" version="6.0.0" targetFramework="net45" />
  <package id="jQuery" version="1.10.2" targetFramework="net45" />
  <package id="jQuery.Validation" version="1.11.1" targetFramework="net45" />
</packages>

Soweit ich weiß, passiert etwas auf Global.asax

Also, ich habe jQuery UI-Bibliotheken mit .js und CSS-Dateien heruntergeladen. Meine Frage ist: Wo und was soll ich hinzufügen, wenn diese Bibliotheken überall wie Standardbibliotheken (Bootstrap oder Jquery) verwendet werden? Und jQuery UI hat 3 Ordner mit Inhalt. Ich habe diese Ordner mit allen Inhalten zu meinem Projekt hinzugefügt, ich muss nur Referenzen hinzufügen.




Nach der Installation von JQuery mit NuGet fügen Sie BundleConfig.cs folgende Snippets hinzu, wie unten gezeigt

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
        "~/Scripts/jquery-ui-{version}.js"));

ebenfalls

            bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
        "~/Content/themes/base/jquery.ui.core.css",
        "~/Content/themes/base/jquery.ui.autocomplete.css",
        "~/Content/themes/base/jquery.ui.theme.css"));

Fügen Sie Ihrem _Layout.cshtml nun folgende Snippets hinzu, wie unten gezeigt

 @Styles.Render("~/Content/themes/base/css")

und

@Scripts.Render("~/bundles/jqueryui")

Ich möchte es nur ein bisschen klar machen, hoffe, das wird helfen. Vielen Dank




Related