JQuery UI Helpers – czy warto?

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:

accordion1

accordion2

datepicker:

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

efekt:

calendar

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

Zostaw komentarz

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s