Завантаження, підказка та статус сітки
Версія інтерфейсу користувача Telerik для Blazor 2.9.0 включає компоненти завантаження та підказки, керування станом сітки, розширення коду Visual Studio, підтримку WebAssembly 3.2.0 Preview 2 та багато іншого. Зануримось.
Нова версія 2.9.0 інтерфейсу Telerik для Blazor надійшла і пропонує нові власні компоненти та функції, готові до виробництва! Інтерфейс інтерфейсу бібліотеки Blazor тепер включає нові компоненти для завантаження та підказки, декілька поліпшень сітки, включаючи управління станом, сортування та групування з коду, періодичні зустрічі планувальника, майстер шаблону проекту Visual Studio Code, сумісність WebAssembly 3.2.0 Preview 2 та багато іншого! У цій статті ми розглянемо переваги версії 2.9.0 та детально обговоримо всі вдосконалення ваших додатків Blazor.
Інтерфейс користувача Telerik для Blazor підтримує як сторону сервера, так і WebAssembly 3.2.0 Preview 2
Як завжди, версії інтерфейсу Telerik для Blazor поєднуються з версіями попереднього перегляду, випущеними Microsoft. Ми раді повідомити, що остання версія інтерфейсу Telerik для Blazor 2.9.0 сумісна з останньою версією попереднього перегляду 2 Blazor WebAssembly 3.2.0 .
Blazor WebAssembly Preview 2 пропонує безліч цікавих нових функцій - інтеграція зі статичними веб-ресурсами ASP.NET Core, шаблон PWA, автентифікація на основі токенів, оновлена конфігурація компонувальника, і, як каже Microsoft, "Blazor WebAssembly працює на екстремальних оборотах" що означає, що час роботи та файли фреймів складають лише 159 КБ - як круто!
Blazor WebAssembly 3.2.0 Preview 2 - Джерело зображення: https://devblogs.microsoft.com/
Новий компонент для завантаження Blazor
Ми завжди слухаємо ваші відгуки, і в цьому випуску ми впровадили один із найочікуваніших елементів порталу відгуків Telerik UI для Blazor - компонент завантаження файлів.!
Презентація
Тепер ви можете легко завантажувати файли у свої програми Blazor з легкістю - привітайтеся з тегом!
Інтерфейс користувача Telerik для компонента завантаження Blazor
Новий компонент Blazor Upload має кілька варіантів конфігурації та подій, що дозволяють створювати та налаштовувати необхідні файли для завантаження для ваших сценаріїв.
За допомогою лише одного рядка коду ви можете дозволити своїм користувачам завантажувати один або кілька файлів.
У наведеному вище прикладі, використовуючи SaveUrl = "@ SaveUrl", ви вказуєте URL-адресу обробника (кінцевої точки, контролера), який прийматиме завантажені файли. Для обробки видалення файлів встановіть RemoveUrl = "@ RemoveUrl" - із URL-адресою кінцевої точки для запиту на видалення.
Ми взяли до уваги випадки, коли завантаження має відбуватися одразу після того, як файл було вибрано, та виставлено властивість AutoUpload. Використовуючи його, ви можете налаштувати або негайне завантаження файлу (за замовчуванням), або попросити користувача натиснути кнопку «Завантажити».
Перевірка
Компонент Telerik UI для Blazor Upload пропонує кілька налаштувань, які допоможуть вам перевірити вибрані файли на клієнті. Ви можете встановити обмеження щодо розміру, дозволеного за допомогою MinFileSize та MaxFileSize, або для формату файлу, використовуючи параметр AllowedExtensions, як показано у зразку фрагмента коду нижче:
Події
У вас є кілька подій для обробки як файлів, так і процесу завантаження за допомогою нового компонента завантаження Blazor. Нижче наведено короткий опис доступних подій та їх активаторів:
Аргументи подій містять список файлів, відповідні дії (завантаження, видалення тощо) та доступ до об'єктів запиту, щоб ви
Новий компонент Blazor Tooltip
Іншим запитаним користувачем елементом, який нам вдалося доставити у цьому випуску, є компонент Підказка .
. може надавати серверу метадані (наприклад, інформацію про автентифікацію).
Новий компонент Blazor Tooltip дозволить збагатити відображувану інформацію (використовуючи текст, зображення, HTML і навіть компоненти) у спливаючому вікні у відповідь на такі події, як клацання або наведення курсору.
Ви можете легко замінити підказку браузера за замовчуванням, щоб відобразити заголовок атрибутів e та alt цілі у стильному спливаючому вікні лише з одним рядком коду.
Моделі
Щоб пришвидшити візуалізацію даних, компонент Підказка надає шаблон, який дозволяє вам налаштувати вміст зображеннями або - чому б ні - іншими компонентами, як показано в прикладі нижче. Ви навіть можете використовувати його для завантаження вмісту на вимогу на основі цільових метаданих підказки.
Позиція
Ви можете легко встановити розташування компонента Підказка на основі його цільового елемента за допомогою параметра Position. Оберіть одного з членів перерахування Telerik.Blazor.TooltipPosition і відповідно його стиль:
Підказка Показати подію
За допомогою параметра ви можете контролювати, яка взаємодія користувача відображається з цільовою підказкою ShowOn який приймає члена переліку Telerik.Blazor.TooltipShowEvent:
Blazor Grid Нові функції
Оскільки компонент Grid привертає велику увагу з боку нашої спільноти розробників, ми включили у rel, щоб полегшити доставку двох необхідних речей із порталу зворотного зв'язку Telerik UI для Blazor. Управління статусом мережі та групування з коду тепер нададуть розробникам необхідний контроль над сортуванням, фільтрацією, групуванням та розширеними ієрархічними індексами з коду!
Управління станом мережі Блазор
Загальним сценарієм роботи з сіткою даних є можливість програмно визначати різні аспекти сітки з коду, дозволяти користувачам налаштовувати та зберігати спосіб структурування та візуалізації даних або просто дозволяти їм продовжувати там, де вони зупинились.
Нова функція управління станом сітки Telerik Blazor дозволить вам зберігати, завантажувати та редагувати всі настроювані користувачем елементи сітки: пагінація, сортування, фільтрація, порядок стовпців, групування даних тощо. Події OnStateInit і OnStateChanged та методи SetState і GetState . Приклад управління статусом мережі Telerik Blazor
За допомогою управління охороною здоров’я мережі ви зможете охопити такі поширені випадки використання, як:
Дивіться статтю Документація про стан сітки, щоб отримати докладніші відомості про управління станом сітки та більше прикладів того, як керувати нею за допомогою різних постачальників сховищ.
Групування сіток Blazor за кодом
На додаток до існуючої опції маршрутизації g для встановлення властивості Groupable сітки на true, ми надали гнучкість групування даних сітки від коду до стану сітки.
Тепер ви можете вказати в логіці своєї програми поля, які також потрібно згрупувати.
Сортування сітки Blazor за кодом
Ще одна цікава історія, пов’язана з функцією стану сітки, - це можливість виконувати відсортовану сітку даних із коду .
Ви можете вказати члена та тип члена для сортування, а також напрямок зберігання - за зростанням або за спаданням.
Повторювані зустрічі Планувальника Blazor
Планувальник збагачений можливістю визначати зустрічі як повторювані події - щодня, щотижня, щомісяця чи щороку. Для кожного повторення можна вказати його інтервал, кількість повторень та винятки, встановивши в тегу параметри RecurrenceIdField, RecurrenceRuleField і RecurrenceExceptionsField. .
Розширення коду Visual Studio для проектів Blazor
Чудова новина для всіх шанувальників Visual Studio Code - інтерфейс Telerik для Blazor 2.9.0 включає розширення VS Code, щоб пришвидшити розробку Blazor! Ви можете створювати та налаштовувати проекти Blazor за кілька кроків за допомогою майстра безпосередньо в Visual Studio Code.
Інтерфейс користувача Telerik для розширення коду Blazor Visual Studio
Ви можете завантажити розширення з Visual Studio Marketplace .
Завантажте інтерфейс Telerik для Blazor 2.9.0
Перейдіть на сторінку Telerik UI для Blazor і завантажте версію 2.9 .0 Telerik UI для Blazor Native Components. Продовжуйте розповідати нам, що працює добре, що потрібно змінити і що ви хотіли б бачити далі на спеціальному порталі коментарів Blazor або в розділі коментарів нижче.!
Якщо ви вперше користуєтеся інтерфейсом Telerik для Blazor, ви можете скористатися безкоштовною пробною версією та негайно розпочати відтворення останньої версії.
Дякую!
Незалежно від того, чи ви просто пробуєте користувальницький інтерфейс Telerik для Blazor вперше, чи були з нами у цій подорожі протягом останнього року чи близько того, дякуємо всій команді Telerik UI для Blazor в Progress за участь і допомогу в зростанні. і зробіть інтерфейс Telerik для Blazor більшим і кращим.