jQuery UI Helpers

A set of HTML Helpers which help you to seamlessly integrate jQuery UI into your ASP.NET MVC application. They have similar look and feel to the built in helpers, but also implement a fluent configuration API to fully utilize the power of jQuery UI. The helpers only generate HTML elements with data-* attributes and unobtrusive JavaScript is used to do the required initializations.

A simple example:

@Html.JQueryUI().DatepickerFor(m => m.DateOfBirth)

Another example with a bit more configuration:

@Html.JQueryUI().DatepickerFor(m => m.DateOfBirth).ChangeYear(true).ChangeMonth(true).MaxDate(DateTime.Today)

The library replaces complex string parameters with strongly typed arguments. For example when configuring the year drop-down list instead of 'c-20:2012' you can do this:

@(Html.JQueryUI().DatepickerFor(m => m.DateOfBirth)
.ChangeYear(new YearDefinition(-20, RelativeTo.SelectedYear), new YearDefinition(2012)))

jQuery UI Helpers is available on NuGet. For ASP.NET MVC 3 projects:

Install-Package jQueryUIHelpers.Mvc3

For ASP.NET MVC 4 projects:

Install-Package jQueryUIHelpers.Mvc4

For ASP.NET MVC 5 projects:

Install-Package jQueryUIHelpers.Mvc5

More documentation and demo is available on the project site.

Supported components:

  • Accordion
  • Autocomplete
  • Button
  • Datepicker
  • Dialog
  • Draggable
  • Droppable
  • Menu
  • Progressbar
  • Resizable
  • Selectmenu
  • Selectable
  • Slider
  • Sortable
  • Spinner
  • Tabs
  • Tooltip