ui for aspnet core examples
1.0.0
La interfaz de usuario de Telerik para ASP.NET es una biblioteca de más de 110 componentes de UI de ASP.NET con completo que le permiten construir todo, desde aplicaciones complejas basadas en datos hasta aplicaciones web que enfrentan el usuario, con toneladas de opciones de personalización que cubren cada desarrollo de IU: navegación y diseño, gestión de datos y visualización, edición, interactividad y más.
Este repositorio contiene ejemplos relacionados con la interfaz de usuario de Telerik para los componentes centrales ASP.NET que pueden usarse además de la documentación técnica y las demostraciones. Estos ejemplos demuestran escenarios comunes y proporcionan respuestas a las preguntas frecuentes sobre cómo hacer con respecto a la interfaz de usuario de Telerik más popular y ampliamente utilizada para los componentes centrales ASP.NET:
La interfaz de usuario de muestra para proyectos básicos ASP.NET se proporciona para demostrar diferentes preguntas, características y escenarios frecuentes. No forman parte de nuestros procedimientos de prueba y deben considerarse como una base de conocimiento. Los proyectos se prueban solo en la creación, así como cuando se actualizan o actualizan el proyecto. Un requisito previo para ejecutar las aplicaciones de muestra es haber instalado ASP.NET Core 3.0.
Este repositorio le permite experimentar con las muestras de Razorpages y MVC (controlador de vista de modelo). Para ejecutar los proyectos desde este repositorio, siga estos pasos:
El proyecto utiliza una base de datos local que se crea al construir el proyecto basado en las migraciones existentes.
El proyecto aplica una estricta política de seguridad para evaluar y obtener JavaScript en el lado del cliente.
Nota : Este repositorio no contiene el código fuente real de los componentes, o la aplicación Demos disponible en la interfaz de usuario oficial para las demostraciones de Core ASP.NET. La aplicación Demos está disponible como un proyecto fuera de línea desde su interfaz de usuario Telerik para la instalación de ASP.NET Core.
Verifique la interfaz de ruta Telerik para la hoja de ruta ASP.NET Core para ver una lista de componentes, características y herramientas que hemos planeado. También puede mantenerse actualizado con las características y bits recientemente lanzados revisando nuestro nuevo
Si su característica no figura en la hoja de ruta del producto, consulte nuestro portal de comentarios dedicados. Puede votar a los elementos solicitados existentes o si no ve su función en nuestro portal, puede solicitar la función allí.
| ASP.NET Core DataGrid Component | Características de la cuadrícula | Documentación de la cuadrícula | Demostraciones de la cuadrícula |
| ASP.NET Core ListView Component | Características de la vista de lista | Documentación de ListView | ListView Demoss |
| ASP.NET Core -Treelist componente | Características de la lista de árboles | Documentación de la línea de árboles | Demostraciones de árboles |
| Componente de filtro de núcleo de ASP.NET | Características del filtro | Documentación del filtro | Demostraciones de filtro |
| ASP.NET CORE PIVOTGRID COMPONENTE | Características de PivotGrid | Documentación de PivotGrid | Demostraciones de pivotgrid |
| ASP.NET Core PivotGrid V.2 Componente | Pivotgrid v.2 características | PivotGrid V.2 Documentación | Pivotgrid v.2 demos |
| Componente de buscapersonas ASP.NET Core | Características del buscapersonas | Documentación del buscapersonas | Demostraciones de buscapersonas |
| Componente de hoja de cálculo ASP.NET Core | Características de la hoja de cálculo | Documentación de la hoja de cálculo | Demoss de hoja de cálculo |
| ASP.NET Core Taskboard Componente | Características del tablero | Documentación del tablero | Demostraciones |
| ASP> Net Core File Manager | Características del administrador de archivos | Documentación del administrador de archivos | Demostraciones del administrador de archivos |
| Componente de carga de núcleo de ASP.NET | Características de carga de archivos | Documentación de carga de archivos | Demos de carga de archivos |
| ASP.NET Core PDF Visor | Archivo Seleccionar funciones | Documentación de archivos | FileSelect Demos |
| ASP.NET Core Map Component | Características del mapa | Documentación de mapa | Demostraciones de mapa |
| Componente del calendario de núcleo ASP.NET | Características del calendario | Documentación del calendario | Demostraciones de calendario |
| ASP.NET Core Ganttchart Component | Características de Gantt | Documentación de Gantt | Demostraciones de Gantt |
| ASP.NET Core MultiviewCalendar Component | Características multiviewcalendar | Documentación multiviewcalendar | Demostraciones multiviewcalendar |
| Componente de planificador de núcleo ASP.NET | Características del planificador | Documentación del planificador | Demostraciones de programador |
| ASP.NET Core AutoComplete Component | Características automáticas | Documentación automática | Demostraciones de autocompletar |
| ASP.NET Core CheckBoxGroup componente | Características del grupo de cheques | Documentación del grupo de cheques | Demostraciones de checkboxgroup |
| ASP.NET CORE COLORGRADIENT COMPONENTE | Características de ColorGradient | Documentación de Colorgradient | Demostraciones de colorgradient |
| ASP.NET Core ColorPalette Componente | Características de ColorPalette | Documentación de colorpalette | Colorpalette Demos |
| ASP.NET CORE COLEPICKER COMPONENTE | Características de Colorpicker | Documentación de Colorpicker | Colorpicker Demoss |
| ASP.NET Core FlatColorPicker Componente | FlatColorPicker Características | Documentación de FlatColorPicker | Demostraciones de platera |
| ASP.NET Core Combobox Componente | Características de Combobox | Documentación de Combobox | Combobox demos |
| ASP.NET Core MulticolumncomboBox Component | Características multicolumncomboBOBOX | Documentación multicolumncomboBOBOX | Demostraciones multicolumncombobox |
| ASP.NET Core DateInput Component | FeatInput Feature | Documentación de dateInput | Demostraciones de dateInput |
| ASP.NET Core DatePicker Componente | Características de FatePicker | Documentación de DatePicker | Demostraciones de fechas |
| ASP.NET Core DaterangePicker Componente | Características de DaterangePicker | Documentación de DaterangePicker | Demostraciones de daterangicker |
| ASP.NET CORE CORETIMEPICKER COMPONENTE | Características de DatueMepicker | Documentación de DataTiMepicker | Demostraciones de DatueMepicker |
| ASP.NET Core Timepicker Componente | Características del tiempo de tiempo | Documentación del tiempo | Demostraciones de tiempo |
| ASP.NET Core TimedurationPicker Componente | Características de TimedurationPicker | Documentación de TimedurationPicker | Demosspicker de Timedury |
| ASP.NET Core desplegable componente | Características de la lista desplegable | Documentación de la lista desplegable | Demostraciones de lista desplegable |
| ASP.NET CORE DROWNDOWNTREE COMPONENTE | Características del árbol desplegable | Documentación del árbol desplegable | Demostraciones del árbol desplegable |
| Componente ASP.NET Core MaskedTextBox | Características de MaskedTextBox | Documentación de MaskedTextBox | MaskedTextBox Demos |
| ASP.NET CORE MULTISELECT COMPONENTE | Características múltiples seleccionadas | Documentación múltiple | Demostraciones multiselectas |
| ASP.NET Core numerictextbox componente | Características del cuadro de texto numérico | Documentación de numerictextbox | Numerictextbox demos |
| ASP.NET Core Radiogrupo Componente | Características del grupo de radio | Documentación de radiogrupo | Radiogroup Demoss |
| Componente de calificación de núcleo ASP.NET | Características del grupo de calificación | Documentación de calificación | Demostraciones de calificación |
| Componente del editor central de ASP.NET | Características del editor | Documentación del editor | Demostraciones de editor |
| ASP.NET Core TextAREA Componente | Características del área de texto | Documentación de textura | Demostraciones de textura |
| Componente de cuadro de texto ASP.NET | Características del cuadro de texto | Documentación del cuadro de texto | Demoss de cuadro de texto |
| ASP.NET Core Signature Component | Características de la firma | Documentación de firma | Demostraciones de la firma |
| Componente de control deslizante ASP.NET Core | Características del control deslizante | Documentación deslizante | Demostraciones deslizantes |
| Componente del editor de imágenes ASP.NET Core | Características del editor de imágenes | Documentación del editor de imágenes | Demostraciones del editor de imágenes |
| Componente de interruptor de núcleo ASP.NET | Características de cambio | Documentación de cambio | Cambiar demostraciones |
| ASP.NET Core ListBox Component | Características de ListBox | Documentación de ListBox | ListBox Demoss |
| ASP.NET CORE CAPTCHA COMPONENTE | Características de Captcha | Documentación de Captcha | Captcha Demoss |
| Componente de gráfico de núcleo ASP.NET | Características del gráfico | Documentación del gráfico | Demostraciones de gráfico |
| ASP.NET Core Área Componente | Características del gráfico de área | Documentación de Areachart | Araeachart Demoss |
| Componente de gráfico de barras de Core ASP.NET | Características del gráfico de barras | Documentación del gráfico de barras | Demos del gráfico de barras |
| Componente de diagrama de núcleo de ASP.NET | Características del diagrama | Documentación del diagrama | Diagrama de demostraciones |
| Componente de la tabla de burbujas ASP.NET Core | Características del gráfico de burbujas | Documentación de Bubblechart | Demostraciones de bubblechart |
| ASP.NET Core Line Chart Component | Características del gráfico de línea | Documentación de Linechart | Demos de Linechart |
| ASP.NET Core Donut Chart Component | Características del gráfico de donas | Documentación de Donutchart | Donutchart Demos |
| ASP.NET CORE PIE CULPENT COMPONENTE | Características del gráfico circular | Documentación de Piechart | Demostraciones de Piechart |
| Componente de gráfico de stock de ASP.NET Core | Características del gráfico de stock | Documentación de stockchart | Demostraciones de stockchart |
| ASP.NET Core Heatmap COMPONENT | Características del gráfico de mapas de calor | Documentación de mapasto de calor | Demoss de mapasto de calor |
| Componentes de la tabla de radar de núcleo ASP.NET | Características del gráfico de radarea | Documentación de RadarAachart | Demoss RadarAachart |
| ASP.NET Core OrgChart Component | Características de OrgChart | Documentación de OrgChart | Demostraciones de orgchart |
| Componente ASP.NET Core TreemAP | Características de Treemap | Documentación de treemap | Demostraciones de treemap |
| Componente de código ASP.NET Core QR | Características del código QR | Documentación del código QR | Demostraciones del código QR |
| Componente de código de barras ASP.NET Core | Características del código QR | Documentación de código de barras | Demostraciones de código de barras |
| Componente ASP.NET Core ArcGauge | Características de ArcGauge | Documentación de arcgauge | Demostraciones de arcgauge |
| Componente ASP.NET Core CircularGauge | Características de CircularGauge | Documentación CircularGauge | Circulargauge demos |
| Componente ASP.NET Core LinearGauge | Características linealgauge | Documentación LinearGauge | Demostraciones linealgauge |
| Componente ASP.NET Core RadialGauge | Características de RadialGauge | Documentación de RadialGauge | Demostraciones radialgauge |
| ASP.NET Core ProgressBar componente | Características de ProgressBar | Documentación de ProgressBar | Demoss de la barra de progreso |
| ASP.NET Core Circular ProgressBar Componente | Características circulares de barra | Documentación de barra de progreso circular | Demostraciones de barra circular |
| Componente del cargador de núcleo ASP.NET | Características del cargador | Documentación del cargador | Demostraciones de cargador |
| Componente de información sobre herramientas de ASP.NET | Características de información sobre herramientas | Documentación de información sobre herramientas | Demostraciones de información sobre herramientas |
| Componente de notificación de núcleo ASP.NET | Características de notificación | Documentación de notificación | Demostraciones de notificación |
| ASP.NET Core Skeleton Container Componente | Características del contenedor de esqueleto | Documentación del contenedor esqueleto | Demostraciones de contenedor esqueleto |
| ASP.NET Core Componente ordenable | Características ordenables | Documentación ordenable | Demostraciones ordenables |
| ASP.NET Core Conversational UI (CHAT) Componente | Características de la interfaz de usuario conversacionales | Documentación de la interfaz de usuario conversacional | Demostraciones de interfaz de usuario conversacionales |
| ASP.NET Core Ripple Container Componente | Características del contenedor de ondulación | incógnita | Demostraciones de contenedor de ondulación |
| ASP.NET CORE AVATAR AVATAR | Características de avatar | Documentación de avatar | Avatar Demoss |
| Componente de la tarjeta Core ASP.NET | Características de la tarjeta | Documentación de la tarjeta | Demostraciones de tarjetas |
| Componente de diálogo ASP.NET Core | Características de diálogo | Documentación de diálogo | Demostraciones de diálogo |
| Componente de formulario de núcleo ASP.NET | Características de formulario | Documentación de formulario | Forma demostraciones |
| ASP.NET Core GridLayout componente | Características de GridLayout | Documentación de GridLayout | Demoss de GridLayout |
| Componente del panel de expansión de Core ASP.NET | Características de expansionPanel | ExpansionPanel Documentation | ExpansionPanel demos |
| Componente ASP.NET Core StackLayout | Características de StackLayout | Documentación de StackLayout | Demoss de StackLayout |
| Componente de insignia de núcleo de ASP.NET | Características de la insignia | Documentación de la insignia | Demostraciones de insignia |
| ASP.NET Core Splitter Componente | Características divisoras | Documentación de divisor | Demossas divisorias |
| ASP.NET Core Tilelayout Component | Características de Tilelayout | Documentación de tilelayout | Tilelayout demos |
| ASP.NET Core Popover Component | Características de Popover | Documentación de Popover | Popover Demoss |
| Componente del panel receptivo de ASP.NET Core | Características del panel receptivo | Documentación del panel receptivo | Demostraciones del panel receptivo |
| Componente de ventana Core ASP.NET | Características de la ventana | Documentación de la ventana | Demostraciones de ventana |
| ASP.NET Core Actionsheet componente | Características de la hoja de acción | Documentación de la hoja de acción | Demoss de hoja de acción |
| Componente ASP.NET Core AppBar | Características de AppBar | Documentación de AppBar | Demostraciones de AppBar |
| Componente de navegación inferior ASP.NET Core | Características de BottomNavigation | Documentación de BottomNavigation | Demostraciones de navo de fondo |
| ASP.NET Core Breadcrumb COMPONENTE | Características de pan de pan | Documentación de Breadcrumb | Demostraciones de pan de pan |
| Componente del botón ASP.NET Core | Características del botón | Botón Documentación | Demostraciones de botones |
| ASP.NET CORE BUTTONGROUP COMPONENTE | Características de Buttongroup | Documentación de Buttongroup | Demostraciones |
| Componente de chip de núcleo ASP.NET | Características de chip | Documentación de chip | Demostraciones de chips |
| ASP.NET Core Chiplist Component | Características de chiplist | Documentación de chiplist | Demostraciones de chiplist |
| Componente de menú central ASP.NET | Características del menú | Documentación del menú | Demostraciones de menú |
| Componente de cajón de núcleo ASP.NET | Características del cajón | Documentación del cajón | Demostraciones de cajón |
| Componente del botón desplegable ASP.NET Core | Características del botón desplegable | Documentación del botón desplegable | Demostraciones del botón desplegable |
| ASP.NET Core PanelBar Component | Características de la barra de panel | Documentación de la barra de panel | Demostraciones de la barra |
| ASP.NET Core FloatingAction Componente | FloatingAction Button características | FloatingAction Button Documentation | Flotatingaction button demos |
| ASP.NET Core SplitButton Component | Características de SplitButton | Documentación de SplitButton | Demostros de muelles divididos |
| Componente de línea de tiempo ASP.NET Core | Características de la línea de tiempo | Documentación de la línea de tiempo | Demostraciones de la línea de tiempo |
| ASP.NET Core TabStrip Component | Características de TabStrip | Documentación de TabStrip | Demostraciones de Tabstrip |
| Componente de la barra de herramientas ASP.NET Core | Características de la barra de herramientas | Documentación de la barra de herramientas | Demostraciones de la barra de herramientas |
| Componente ASP.NET Core TreeView | Características de TreeView | Documentación de TreeView | Demostraciones |
| ASP.NET CORE CORE PAYPER COMPONENTE | Características paso a paso | Documentación paso a paso | Demostraciones paso a paso |
| ASP.NET Core Wizard Component | Características del mago | Documentación del mago | Demostraciones de mago |
| ASP.NET CORE MEDIAPLAYER COMPONENTE | Características de MediaPlayer | Documentación de MediaPlayer | MediaPlayer Demoss |
| ASP.NET Core ScrollView Componente | Características de ScrollView | Documentación de ScrollView | Demostraciones de scrollview |
Como parte de su interfaz de usuario de Telerik para ASP.NET Core gratuita o copia con licencia, obtiene acceso a varias bibliotecas de procesamiento de documentos que le permiten convertir, administrar y exportar datos a diferentes formatos de archivo.
| Biblioteca de procesamiento PDF ASP.NET Core PDF | Características de procesamiento de PDF | Documentación de procesamiento de PDF | Demostraciones de procesamiento de PDF |
| Biblioteca de procesamiento de propagación de Core ASP.NET | Difundir las características de procesamiento | Documentar la documentación de procesamiento de propagación | Demos de procesamiento de propagación |
| Biblioteca de procesamiento ASP.NET Core SpreadStream | Características de procesamiento de spreadstream | Documentación de procesamiento de spreadstream | Demos de procesamiento de spreadstream |
| Biblioteca de procesamiento de palabras centrales ASP.NET | Características de procesamiento de palabras | Documentación de procesamiento de palabras | Demostraciones de procesamiento de palabras |
| ASP.NET Core Zip Library | Características de la biblioteca zip | Documentación de la biblioteca zip | Demoss de la biblioteca ZIP |
La interfaz de usuario de Telerik para ASP.NET Core Productivity Herramients para el código Visual Studio incluye UI para ASP.NET Core andamios, Pack de fragmentos de código, plantillas de proyecto con componentes Telerik, Telerik Reply For ASP.NET Core
| Código ASP.NET Core Visual Studio | Descripción general del código de Visual Studio | Documentación del código de estudio de Visual Studio |
La interfaz de usuario de Telerik para ASP.NET Core ofrece una variedad de temas incorporados diseñados y personalizables profesionalmente además del Telerik Sass Theme Builder para ayudarlo a crear y entregar UI de acuerdo con las necesidades comerciales. La interfaz de usuario de Telerik para ASP.NET Core incluye cuatro temas incorporados: Tema ASP.NET Core predeterminado, material, temas fluidos y de arranque, así como manchas de color múltiples que incluyen el cumplimiento de accesibilidad "Ocean Blue".
| Cuatro kits de diseño de interfaz de usuario telerik para figma | Kits de diseño de figma de UI Telerik | Documentación |
| ASP.NET Core ThemeBuilder | Aplica los colores de tu marca | La UI de Telerik para la aplicación ASP.NET Core ThemeBuilder |
Creamos la aplicación ASP.NET Core Admin Dashboard para ilustrar cómo puede verse una aplicación de este tipo siguiendo las mejores prácticas de construir UI con UI Telerik para componentes ASP.NET. Demuestra el aspecto y la sensación de los componentes y puede ser utilizado como un recurso lerano por cualquier persona que esté considerando usar los componentes de la interfaz de usuario Telerik para construir UI, independientemente de su experiencia. La demostración cubre una aplicación de tablero de administración completa, que incluye seguimiento de tareas, catálogo de productos, configuración de cuentas, etc., y demuestra cuán fácil es construir UI con la ayuda de componentes complejos como el DataGrid (tabla), gráficos, formularios y más!.
La aplicación ASP.NET Core Stock Portfolio es una aplicación web progresiva (PWA) que muestra cómo crear paneles financieros dinámicos rápidos y eficientemente hermosos y dinámicos. Utiliza algunos de los componentes de Telerik más renombrados para los componentes del núcleo ASP.NET y muestra actualizaciones de datos dinámicos en tiempo real, lo que permite una gran flexibilidad y monitoreo de datos eficientes sin retraso visible. ¡Las aplicaciones de muestra utilizan componentes como ASP.NET Core Grid, Charts, DropdownList, HeatMap, Calendar y más!
La aplicación ASP.NET Core + Bootstrap muestra cómo crear aplicaciones receptivas utilizando la interfaz de usuario Telerik para ASP.NET Core junto con Twitter Bootstrap. El diseño de la cuadrícula y el CSS receptivo se basan en Bootstrap, mientras que los componentes son proporcionados por UI de Telerik para ASP.NET Core. La demostración le permite cambiar el tamaño de la página cambiando el tamaño de la fuente o personalizarla utilizando los recolectores anteriores para experimentar sus características receptivas.
Los proyectos generalmente hacen referencia a una versión comercial de UI para componentes de Blazor. Si solo tiene una licencia de prueba, reemplace la referencia al paquete NUGET y al archivo y/o el tema de JS INEROP en consecuencia.
Las referencias (ambas a la interfaz de usuario de Telerik para ASP.NET Core, y el .NET Framework) generalmente están actualizados para el momento de la creación. Es posible que deba actualizar sus últimas versiones y realizar los cambios necesarios. El marco Blazor (?) Está evolucionando rápidamente y estos ejemplos pueden no actualizar sus referencias todo el tiempo. Sin embargo, los enfoques generales deben seguir siendo válidos, salvo los cambios de ruptura en el marco.
Los problemas y las solicitudes de extracción son bienvenidas.
Para enviar una solicitud de extracción, primero debe desembolsar el repositorio .
Telerik UI para ASP.NET Core es una biblioteca comercial de interfaz de usuario. Para usar los componentes, debe registrarse para una prueba gratuita o comprar una licencia.
La prueba gratuita de 30 días se puede obtener de la interfaz de usuario de Telerik para la página del producto ASP.NET Core y le brinda acceso a toda la interfaz de usuario Telerik para los componentes del núcleo ASP.NET y su funcionalidad completa. Para obtener más información sobre la licencia disponible y las opciones de comedias, puede revisar la página de precios del producto.
¡Tanto para los titulares activos y de los titulares de licencias obtiene acceso a sesiones de capacitación técnica a pedido gratuitas y nuestro legendario soporte técnico proporcionado directamente por la interfaz de usuario para el equipo Core Dev ASP.NET!
Todos los titulares de licencias activas tienen acceso a la fuente privada de Telerik Nuget. Telerik.Examples.Mvc y Telerik.Examples.RazorPages hace referencia a un paquete Nuget local que es una versión de prueba de la interfaz de usuario Telerik para ASP.NET Core Nuget.
Para agregar una referencia al paquete Nuget comercial, siga los pasos a continuación:
Navegue a dependencias> paquetes del explorador de soluciones en Visual Studio.
Haga clic derecho en telerik.ui.for.aspnet.core.trial y seleccione Eliminar del menú contextual.
Vaya a Herramientas> Configuración del Administrador de paquetes Nuget> Configuración del Administrador de paquetes , seleccione Fuentes de Administrador de paquetes y luego haga clic en el botón +.
Elija el nombre de la alimentación, configure la URL de alimentación en: https://nuget.telerik.com/v3/index.json y haga clic en Aceptar.
Explore e instale el paquete Telerik.ui.For.aspnet.core Nuget.
Visual Studio a veces almacena en caché los paquetes Nuget y deben limpiarse. Para hacer esto, abra el comando de menú Herramientas> Administrador de paquetes de paquetes Nuget >, luego seleccione Borrar todos los caché Nuget .
Si hay un error presente en el Administrador de paquetes y una referencia a la fuente eliminada aún está en pie, la alimentación del paquete Nuget y elimina la referencia manualmente.
Para obtener más información sobre cómo agregar la alimentación privada de Telerik Nuget e instalar el paquete, consulte la instalación de Nuget en el artículo de ASP.NET Core
