Ostatnimi czasy szukam różnych rozszerzeń do Visual Studio i wypróbowuję je w swoich aplikacjach webowych. Jednym z takich rozszerzeń jest biblioteka jQueryUIHelpers, która umożliwia nam korzystanie z jQuery za pomocą helperów. Jak to wygląda w praktyce?

W rozszerzeniu znajdują się helpery dla:

– accordion – rozwijalny panel z tekstem
– autocomplete
– button
– datepicker
– dialog
– menu
– progressbar
– slider
– spinner
– tabs
– tooltip

Przykładowe użycie:

accordion:

@using (var panelAccordion = Html.JQueryUI().BeginAccordion())
{
    using (panelAccordion.BeginPanel("a"))
    {
        <p>a</p>
        <p>Testing a panel</p>
    }
    using (panelAccordion.BeginPanel("b"))
    {
        <p>b</p>
        <p>testing b panel</p>
    }
}

efekt:

datepicker:

@Html.JQueryUI().DatepickerFor(model => Model.DateFrom, new { @class = "form-control", placeholder = "Data od"}).MinDate(DateTime.Today)

efekt:

Dla każdego elementu, tj. datepicker czy accordion dostarczone jest również Fluent Configuration API – jak widać, w powyższym użyciu datepicker’a użyto .MinDate(DateTime.Today), który nie pozwala na wybranie daty mniejszej niż dzień dzisiejszy. Oprócz tego można użyć np. .AutoSize(bool autoSize), który ustawia rozmiar kalendarza automatycznie do zawartości, .DefaultDate(System.DateTime date) ustawia domyślną datę w kalendarzu (np. na dzisiaj) oraz mnówstwo innych właściwości.

Podsumowując – uważam, że rozszerzenie jest jak najbardziej godne uwagi, korzystanie z helperów jest wręcz banalnie proste 🙂

Odnośnik: jQueryUIHelpers