integralui lite blazor
24.3
IntegralUi Lite for Blazor est une bibliothèque d'interface utilisateur gratuite de composants avancés, personnalisables et hautes performances pour Blazor .NET.
Note gratuitement pour une utilisation commerciale.
Remarque Cette bibliothèque est une version Lite du package de produit complet: IntegralUi pour Blazor. Certaines des fonctionnalités des composants les plus avancées sont exclues dans cette version.
Voici un bref aperçu de ce qui est inclus:
Bouton - représente un bouton
Buttongroup - gère les actions de plusieurs boutons disposés en groupe
Calendrier - Permet à l'utilisateur de sélectionner une date à l'aide d'un affichage de calendrier mensuel visuel
Carte - une carte à feuillets avec deux côtés
Checkbox - représente une case à cocher
Dropdown - Affiche d'autres composants dans une fenêtre déroulante
Liste - Affiche une liste simple d'éléments avec du contenu dans des dispositions personnalisées
Popover - Affiche le contenu HTML personnalisé sur l'élément spécifié
Radiobutton - représente un bouton radio
Sélectionner - vous permet de sélectionner un élément dans une liste déroulante
Info-bulle - ajoute une info-bulle à un élément
Treelist - vous permet de naviguer dans la hiérarchie des arbres affichant une seule liste à la fois
IntegralUi Lite pour Blazor est construit avec .NET 8.0 Framework.
Application QuickStart en ligne - Une démo en ligne de chaque composant inclus
npm install https://github.com/lidorsystems/integralui-lite-blazor.gitou directement de NPM
npm i integralui-lite-blazorLes fichiers de bibliothèque se trouvent dans le dossier / bin du répertoire d'installation du produit.
Vous pouvez maintenant utiliser tous les composants disponibles dans la bibliothèque IntegralUi Lite. Il y a peu d'espaces de noms que vous pouvez importer:
IntegralUi.lite.Components
Intégralui.lite.data
IntegralUi.Lite.Events
IntegralUi.lite.interfaces
IntegralUi.Lite.Services
Tous les composants sont situés sous IntegralUi.lite.Components Espace.
Au début, vous devez installer la bibliothèque IntegralUi Lite pour Blazor de votre côté et ajouter une référence à un composant que vous souhaitez utiliser (voir les étapes ci-dessus).
En cas de composant IntegralUi, vous devez faire ce qui suit:
Par exemple:
@page "/"
<IntegralUIList @ref=listRef Id="list-sample" TItem="CustomItem"
Items="@items"
MouseWheelSpeed="IntegralUISpeedMode.VerySlow"
Size="@ctrlSize">
<ItemTemplate>
<span>@context.Item?.Text</span>
</ItemTemplate>
</IntegralUIList>
@code {
// Get a reference to the IntegralUI TreeView component to call public methods
private IntegralUIList<CustomItem>? listRef;
// Data model
public class CustomItem
{
public string? Id { get; set; }
public string? Genre { get; set; }
public double Rating { get; set; }
public bool Selected { get; set; } = false;
public string? Text { get; set; }
public int Year { get; set; }
}
// Define the component size
public IntegralUISize ctrlSize = new() { Width = 350, Height = 300 };
// Add items to the List component
public List<CustomItem> items = new()
{
new CustomItem { Id = "1", Genre = "Sci-Fi", Text = "Star Trek", Year = 2009, Rating = 8 },
new CustomItem { Id = "2", Genre = "Adventure", Text = "Cast Away", Year = 2000, Rating = 7 },
new CustomItem { Id = "3", Genre = "Action", Text = "Gladiator", Year = 2000, Rating = 8 },
// . . .
};
}
Il existe une application de démonstration avec le code source qui contient des échantillons pour chaque composant inclus dans le package IntegralUi Lite pour Blazor. Cela peut vous aider à commencer rapidement en apprenant les composants et en rédigeant immédiatement les tests.
Le projet Quick Start est disponible dans le dossier / QuickStart dans le répertoire d'installation du produit.
Vous êtes libre d'utiliser ce produit pour développer des sites Web Internet et Intranet, des applications Web et d'autres produits, sans charge.
Ce projet a été publié sous la licence IntegralUi Lite pour Blazor et ne peut être utilisé que conforme à la licence. Une copie de la licence aurait dû être installée dans le répertoire d'installation racine du produit ou il peut être trouvé ici: accord de licence.
Ce logiciel est fourni "tel quel", sans garantie d'aucune sorte, exprimé ou implicite. Voir la licence pour la langue spécifique régissant les droits et limitations sous la licence.
