devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Frontend
Home›Frontend›Kendo UI R3 2020 z aktualizacjami dla bibliotek

Kendo UI R3 2020 z aktualizacjami dla bibliotek

By Bernadeta Zapała
23 września 2020
183
0
Share:

Przy ciągłym rozwoju ekosystemów .NET i JavaScript, Kendo stara się podążać za tymi zmianami. Połowa września oznacza kolejne wydanie aktualizacji frameworka. Wcześniejsze, z oznaczeniem R2 wydano w maju. Nowa wersja Kendo UI R3 2020 zawierają wiele nowych funkcji. R3 zawiera ponad 45 nowych komponentów oraz ulepszenia w WinUI i Blazor. Dzięki aktualizacji programiści tworzą swoje aplikacje zgodnie z najnowszymi trendami.

React Easy State

Zacznijmy od React

KendoReact zaprojektowano z myślą o rozwoju React. Biblioteka posiada natywne komponenty UI zoptymalizowane pod kątem React w 100%.

Reactowe komponenty w Kendo UI R3 2020

Jednym z pierwszych nowych komponentów w tym wydaniu jest wykres Gantta. Pomaga on tworzyć diagram Gantta, wykorzystywany przy zarządzaniu projektami. Uwzględnia się w nim podział projektu na poszczególne zadania, a także ich rozplanowanie w czasie. Nowy komponent zawiera wiele funkcji, które wzbogacą aplikacje wymagające wbudowanego wykres Gantta.

Wykres Gantta - Kendo UI R3 2020

Wykres Gantta

Kolejny komponent zaprojektowano, by umożliwić programistom łatwiejsze umieszczenie stylowego nagłówka aplikacji. AppBar jest elastyczny, zawiera elementy nawigacyjne, tekst, przyciski akcji i wiele innych.

Nowym składnikiem jest również widżet: Rating. „Ocena” integruje funkcje oceniania z aplikacjami, niezależnie od tego, czy wymaga ona ustawiania oceny przez użytkowników, czy też jest wyłącznie do odczytu. Z kolei Odznaka pasuje do scenariuszy, w których inne elementy UI zapewniają pewne odczucia użytkownika. Chodzi tu m.in. o wskazywanie powiadomień lub nieprzeczytanych wiadomości.

Ostatnimi dwoma nowymi komponentami jest Text Area oraz Loader. Ten pierwszy, znany także jako Multi-Line TextBox rozszerza elementy formularza w KendoReact. Drugi z kolei jest samodzielnym wskaźnikiem ładowania. Wbudowane style i możliwości modyfikacji poprzez opcje konfiguracji dają możliwość dopasowania komponentu do każdego projektu.

Nowe funkcje w starszych komponentach

Istniejące już komponenty otrzymały kilka nowych funkcji. Siatka ma teraz możliwość przypinania wierszy oraz kolumn przez menu kolumnowe. Oprócz tego deweloperzy React mogą całkowicie przejąć UX pagera KendoReact Grid. Podstawowy mechanizm nadal obsługuje Grid, jednak ogólne wrażenia stronicowania są całkowicie zależne od tego, co wprowadził programista.

Z kolei w Edytorze dodano okno dialogowe wstawiania obrazu z lokalnego systemu plików oraz nowe narzędzie do obsługi koloru czcionki i tła treści w edytorze reakcji. Ciekawą funkcją jest narzędzie Znajdź i zamień – zastępuje on fragment tekstu w całej zawartości edytora.

Przejdźmy do Vue – Kendo UI R3 2020

Kendo UI dla Vue jest biblioteką z ponad 60 komponentami do tworzenia nowoczesnych i bogatych w funkcje aplikacji Vue.

Nowe komponenty dla Vue

Przede wszystkim interfejs Kendo dla Vue oficjalnie obsługuje najnowszą wersję kandydata do wydania – Vue 3.0. Nowością są także trzy komponenty natywne – ComboBox, MaskedTextBox oraz AutoComplete. Pierwszy z nich jest komponentem formularza, rozszerzającym element <select>. Ponadto obsługuje on filtrowanie i wiązanie danych, a także możliwość wprowadzania niestandardowego tekstu. MaskedTextBox pozwala na określanie formatu przy wpisywaniu przez użytkowników końcowych danych, np. numeru telefonu czy kodów pocztowych. Ostatnią nowością w Vue jest auto uzupełnianie formularzy. Dzięki temu użytkownik może wybrać wartości z pojawiającego się okienka.

Kendo UI R3 2020 dla jQuery

Jednym z nowych komponentów dla Query jest kreator (Wizard), który łączy cechy i funkcjonalność wcześniejszych dwóch komponentów – Stepper oraz Form. Dzięki niemu prostsze będzie rozłożenie złożonych formularzy na kilka kroków. Jednocześnie pomocny UX pozwala na nawigację między każdym krokiem. Kolejną nowością jest Loader, który wyświetla animacje podczas przetwarzania procesu w aplikacji. Komponent zapewnia kilka wbudowanych typów animacji, dzięki którym programiści dostosują je do własnych potrzeb.

Nowe funkcje

Większość wprowadzonych nowych funkcji dotyczy komponentu Gantt. Programiści w Kendo UI dla Query mają teraz więcej możliwości w zakresie kolumn – nowe menu kolumnowe oraz udostępnianie niestandardowych szablonów dla dowolnych kolumn w module Gantta. Oprócz tego wprowadzono przełączanie interfejsu. Użytkownik końcowy może przełączać się między wyświetlaniem zadań z ich rzeczywistym stanem lub w trakcie ich planowania. Dzięki temu opóźnione zadania mają unikalny styl, a z kolei zadania na czas mają inny.

Zaktualizowano także moduły TreeList (wybór pozycji), arkusz kalkulacyjny (niestandardowy kod HTML w komórkach) oraz zaktualizowano dostępność w harmonogramie.

Last but not least – Angular!

Nowym komponentem jest ListView. W przypadku dużych list danych, wymagających unikatowego szablonu do renderowania, ten moduł jest idealny. Breadcrumb jest modułem przydatnym dla dużych aplikacji z wieloma stronami. Zapewnia łatwiejsze przechodzenie do wyższych poziomów w hierarchii stron, bez konieczności naciskania Wstecz. Nowymi komponentami są także: Loader, AppBar oraz RangeSlider, których działania są podobne do opisanych wyżej w innych bibliotekach.

Zaktualizowano także jeden komponent – Siatka, dzięki któremu użytkownik może wybierać pojedyncze komórki. Wystarczy kliknąć na nie lub przeciągnąć obszar zaznaczenia.

Seminarium na żywo

Twórcy Kendo UI R3 2020 we wtorek 29 września o godzinie 11:00 oraz w środę, 30 września o godzinie 11:00 czasu wschodniego poprowadzą seminarium internetowe opisujące nowości w R3 2020. We wtorek opisane zostaną postępy z React i Vue, a w środę nowości z Angular i jQuery.

Źródło: Telerik

TagsAngularJqueryKendo UiReactVue

Share:

  • Frontend

    React Native Paper 4.0 dostępny w wersji stabilnej

  • Narzędzia

    Skanowanie kodu w GitHub ogólnodostępne

  • Informacje

    Nowa dokumentacja GitHub – docs.github.com

  • 13 kwietnia 2021

    TypeScript 4.3 beta z oddzielnymi typami zapisu

  • 7 kwietnia 2021

    Billboard.js 3.0 z nowym typem świecy

  • 2 kwietnia 2021

    Silnik V8 9.0 beta udostępniony

  • 1 kwietnia 2021

    ReacType 6.0 z nowym dashboardem

  • 29 marca 2021

    Udostępniono Android 12 Developer Preview 2

  • 24 marca 2021

    Git 2.31 dostępny z konserwacją w tle

  • 19 marca 2021

    Relay Hooks – nowy zestaw interfejsów API

  • 18 marca 2021

    Deno 1.8 ze wsparciem interfejsu API WebGPU 

  • 16 marca 2021

    React Native 0.64 z silnikiem Hermes na iOS

  • 9 marca 2021

    Windows Terminal Preview 1.7 z lepszym zarządzaniem oknami

  • 3 marca 2021

    Vite 2.0 wydane z nowymi wtyczkami

  • 25 lutego 2021

    ReacType 5.0 – zmiany we wprowadzaniu komponentów

  • 23 lutego 2021

    Dapr v.1.0 gotowy do fazy produkcji

  • 22 lutego 2021

    ReScript 9.0 z zewnętrzną konfiguracją stdlib

  • 22 lutego 2021

    One UI 3.1 z ciekawymi nowościami dla urządzeń Samsunga

  • 22 lutego 2021

    Windows Terminal Preview 1.6 z nową sekcją ustawień

  • 15 lutego 2021

    Visual Studio Code 1.53 z ulepszeniami debugowania

  • 8 lutego 2021

    Edge 89 beta, Edge Dev 90 i nowości na kanale Canary

  • 2 lutego 2021

    Firefox 85 i Firefox Nightly – nowe wersje przeglądarki Mozilli

  • 29 stycznia 2021

    Billboard.js 2.2.0 z nowymi funkcjami wykresów

  • 26 stycznia 2021

    Kendo UI R1 2021 – nowości dla bibliotek

  • 21 stycznia 2021

    Narzędzie Vno – połączenie Vue i Deno

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT