zoukankan      html  css  js  c++  java
  • Three steps to use jQuery UI in ASP.NET MVC 5

    Many developers struggle to work with jQuery UI in an ASP.NET MVC application. In this post, I will show you three steps required to start working withjQuery UI in an ASP.NET MVC application. At the end of the post we will take a look at working with the autocomplete widget.
    The following three steps will let you work with jQuery UI in an ASP.NET MVC application:
    Step 1: Add the jQuery UI Reference
    Add the jQuery UI reference into the project using the NuGet manager. Once this is done, you should find the reference added in the Content folder and the Scripts folder.

    jqueryui1

    Step 2: Bundle the required files
    Open the BundleConfig.cs file. In this file add two entries, one for the jQuery UI scripts and other for jQuery UI CSS.
    Add the script entry as follows:

    Next add the CSS files for jQueryUI widgets.  CSS for all the widgets can be bundled like this:

    For the purpose of this example, let’s say you are only working with the autocomplete widget. In this case, you would only bundle the core.css andautocomplete.css as shown below:

    Step 3: Refer to the Bundles
    Once the bundles for jQuery UI have been created, you need to add them to the layout file. That can be done as follows:

    By default you will find the jQuery bundle at the end of the layout file. To work with jQuery UI widgets, you should move the jQuery bundle to the top of the file and also include the bundles for jQuery UI CSS and Scripts.
    You have now completed the three steps necessary to work with jQueryUI in an ASP.NET MVC application.
    Use jQueryUI Widgets 
    Now let’s look at the autocomplete widget in action.  I have created a controller for returning JSON data as follows:

    We will now bind the returned JSON from the GetMP() action to the autocomplete widget. On the razor view, you can create an autocomplete widget like this:

    Make sure the view is using the layout file in which you added the reference of the bundles.
    Summary 
    We’ve seen in this post that working with jQuery UI widgets is as simple as following three simple steps:

    1. Add the  jQuery UI reference
    2. Bundle the required files
    3. Refer to the bundles

    The autocomplete widget is also a helpful tool when working with jQuery UI bundles.
    I hope this post was useful. Happy coding.

  • 相关阅读:
    标签平滑Label Smoothing
    py 中传参时**符号学习
    RoBERTa模型学习
    获取bert所有隐层的输出
    json.dumps||ensure_ascii
    nn.LSTM输入、输出、参数及pad
    py中的heapq操作
    fastnlp中的CRF补齐的padding?
    P3393 逃离僵尸岛 最短路dijkstra
    P2057 [SHOI2007]善意的投票 最小割
  • 原文地址:https://www.cnblogs.com/two/p/5255123.html
Copyright © 2011-2022 走看看