integralui lite blazor
24.3
Integralui Lite para Blazor es una biblioteca de interfaz de usuario gratuita de componentes avanzados, personalizables y de alto rendimiento para Blazor .NET.
Nota gratis para uso comercial.
Nota Esta biblioteca es una versión lite del paquete de producto completo: integralui para blazor. Algunas de las características de componentes más avanzadas están excluidas en esta versión.
Aquí hay una breve descripción de lo que se incluye:
Botón - Representa un botón
Buttongroup: administra acciones de múltiples botones dispuestos en el grupo
Calendario: permite al usuario seleccionar una fecha utilizando una pantalla de calendario mensual visual
Tarjeta: una tarjeta con dos lados
Casilla de verificación: representa una casilla de verificación
Desplegable: muestra otros componentes en una ventana desplegable
Lista: muestra una lista simple de elementos con contenido en diseños personalizados
Popover: muestra contenido HTML personalizado sobre el elemento especificado
RadioButton: representa un botón de radio
Seleccionar: le permite seleccionar un elemento de una lista desplegable
ToolTip: agrega una información sobre herramientas a un elemento
Treelist: te permite navegar a través de la jerarquía de árboles que muestra solo una lista a la vez
Integralui Lite para Blazor está construido con el marco .NET 8.0.
Aplicación QuickStart en línea: una demostración en línea de cada componente incluido
npm install https://github.com/lidorsystems/integralui-lite-blazor.gito directamente de NPM
npm i integralui-lite-blazorLos archivos de la biblioteca se encuentran en la carpeta en /bin del directorio de instalación del producto.
Ahora puede usar todos los componentes disponibles en la biblioteca integralui lite. Hay pocos espacios de nombres que puede importar:
Integralui.lite.componentes
Integralui.lite.data
Integralui.lite.events
Integralui.lite.Interfaces
Integralui.lite.services
Todos los componentes se encuentran en Integralui.lite.components Namespace.
Al principio, debe instalar la biblioteca integralui lite para blazor de su lado y agregar una referencia a un componente que desea usar (ver pasos anteriores).
En el caso del componente de la lista integralui, debe hacer lo siguiente:
Por ejemplo:
@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 },
// . . .
};
}
Hay una aplicación de demostración con código fuente que contiene muestras para cada componente incluido en el paquete integralui lite para el paquete de productos Blazor. Puede ayudarlo a comenzar rápidamente con el aprendizaje sobre los componentes y escribir pruebas inmediatamente.
El proyecto de inicio rápido está disponible en la carpeta /QuickStart en el directorio de instalación del producto.
Usted es libre de usar este producto para desarrollar sitios web de Internet e Intranet, aplicaciones web y otros productos, sin cargo.
Este proyecto se ha publicado bajo Integralui Lite para la licencia Blazor, y no puede usarse, excepto de conformidad con la licencia. Debería haberse instalado una copia de la licencia en el directorio de instalación raíz del producto o se puede encontrar aquí: Acuerdo de licencia.
Este software se proporciona "tal cual", sin garantía de ningún tipo, expresa o implícita. Consulte la licencia para los derechos y limitaciones de rigor de idiomas específicos bajo la licencia.
