ui for aspnet core examples
1.0.0
A interface do usuário do Telerik para asp.net é a biblioteca de mais de 110 componentes de interface do usuário do ASP.NET com recursos completos que permitem criar tudo, desde aplicativos complexos orientados a dados a aplicativos da Web voltados para o usuário, com toneladas de opções de personalização cobrindo todas as necessidades de desenvolvimento de navegação e layout, gerenciamento de dados e visualização, edição, interatividade e mais.
Este repositório contém exemplos relacionados à interface do usuário do Telerik para os componentes do núcleo do ASP.NET que podem ser usados, além da documentação e demonstração técnica. Esses exemplos demonstram cenários comuns e fornecem respostas a frequentes perguntas sobre como a UI Telerik mais popular e amplamente usada para os componentes do núcleo do ASP.NET:
A interface do usuário da amostra para projetos principais do ASP.NET é fornecida para demonstrar diferentes perguntas, recursos e cenários frequentes. Eles não fazem parte de nossos procedimentos de teste e devem ser considerados uma base de conhecimento. Os projetos são testados apenas na criação e na atualização ou atualização do projeto. Um pré -requisito para executar os aplicativos de amostra deve ter instalado asp.net Core 3.0.
Este repositório permite experimentar amostras Razorpages e MVC (Model View Controller). Para executar os projetos deste repositório, siga estas etapas:
O projeto usa um banco de dados local criado ao criar o projeto com base nas migrações existentes.
O projeto aplica uma política rígida de segurança de conteúdo para avaliar e adquirir JavaScript no lado do cliente.
NOTA : Este repositório não contém o código -fonte real dos componentes ou o aplicativo demos disponível na interface do usuário oficial do ASP.NET Core Demons. O aplicativo DemoS está disponível como um projeto offline da sua interface do usuário do Telerik para a instalação do ASP.NET Core.
Verifique a interface do usuário do Telerik para obter o Roteiro Core ASP.NET para ver uma lista de componentes, recursos e ferramentas que planejamos. Você também pode se manter atualizado com recursos e bits lançados recentemente, verificando o nosso novo
Se o seu recurso não estiver listado no roteiro do produto, verifique nosso portal de feedback dedicado. Você pode votar itens solicitados existentes ou se não vê seu recurso em nosso portal, poderá solicitar o recurso lá.
| Componente datagrid Asp.net Core | Recursos de grade | Documentação da grade | Demos de grade |
| Componente de listView ASP.NET Core | Lista Visualizar recursos | Documentação da ListView | ListView demos |
| Componente das treelistas do núcleo do ASP.NET | Recursos da lista de árvores | Documentação Treelista | Demonstrações de telistas |
| Componente de filtro do núcleo do ASP.NET | Recursos de filtro | Documentação do filtro | Filtro demos |
| Componente do núcleo do asp.net Core | Recursos PivotGrid | Documentação PivotGrid | Demos pivotGrid |
| ASP.NET CORE PIVOTGRID V.2 Componente | Recursos PivotGrid V.2 | Documentação PivotGrid V.2 | PivotGrid v.2 demos |
| Componente do Core Pager ASP.NET | Recursos de pager | Documentação do pager | Pager demos |
| Componente de planilha do núcleo do ASP.NET | Recursos de planilha | Documentação da planilha | Demonses da planilha |
| Componente de tabão de núcleo do ASP.NET | Recursos de toca -toca | Documentação do Taskboard | Demonstrações de tabuleiro |
| ASP> Gerenciador de arquivos Net Core | Recursos do gerenciador de arquivos | Documentação do Gerenciador de Arquivos | Demonstrações do Gerenciador de Arquivos |
| Componente de upload do núcleo ASP.NET | Recursos de upload de arquivo | Documentação de upload de arquivos | Demonstrações de upload de arquivos |
| Visualizador PDF do Core ASP.NET | Arquivo Selecione Recursos | FileSelect documentação | FileSelect demos |
| Componente do mapa principal asp.net | Recursos de mapa | Documentação do mapa | Mapas demos |
| Componente do calendário do núcleo do ASP.NET | Recursos de calendário | Documentação do calendário | Demos calendários |
| Componente Ganttchart do Core ASP.NET | Recursos de Gantt | Documentação de Gantt | Gantt demos |
| Componente multiviewcalendar do ASP.NET Core | Recursos multiviewCalendar | Documentação multiviewCalendar | MultiviewCalendar demos |
| Componente de agendamento do núcleo do ASP.NET | Recursos do agendador | Documentação do agendador | Demonsionadores do agendador |
| Componente de preenchimento autocompleto ASP.NET | Recursos de preenchimento automático | Documentação de preenchimento automático | Demonstrações de preenchimento automático |
| Componente de caixa de seleção Core ASP.NET | Recursos de seleção de caixa de seleção | Documentação do grupo de seleção | Demonstrações de seleção de caixa de seleção |
| Componente colorida de graduação Core ASP.NET | Recursos de graduação em colorida | Documentação em Colorgradiente | Demonsionamentos coloridos |
| Componente de colorpalette Core ASP.NET | Recursos de colorpalette | Documentação do Colorpalette | Demonsibras de Colorpalette |
| Componente corpicker asp.net | Recursos de Colorpicker | Documentação do Colorpicker | Demonstrações de Colorpicker |
| Componente ASP.NET Core FlatColorpicker | Recursos FlatColorpicker | Documentação FlatColorpicker | Demonsibras de FlatColorpicker |
| Componente de combito de núcleo ASP.NET | Recursos de ComboBox | Documentação do ComboBox | Demonsionamentos de ComboBox |
| Componente MultiColumnComBOBOX ASP.NET CORE | Recursos multicolumnComboBox | Documentação multicolumncombobox | Demonstrações multicolumncomboBox |
| Componente de dateInput do asp.net. | Recursos DateInput | Documentação DateInput | DEMOS DATEINPUT |
| Componente de datepicker asp.net. | Recursos DatePicker | Documentação DatePicker | Demos datepicker |
| Componente de daterangepicker asp.net | Recursos de daterangepicker | Documentação Daterangepicker | Demos daterangepicker |
| Componente de datetimepicker asp.net. | Recursos DateTimePicker | Documentação DateTimePicker | Demonses DateTimepicker |
| Componente de tempo do núcleo do asp.net | Recursos de Timepicker | Documentação do Timepicker | Timepicker demos |
| Componente de timedurationpicker do asp.net. | Recursos TimedurationPicker | Documentação do TimedurationPicker | TimedurationPicker demos |
| Componente suspenso ASP.NET CORE | Recursos de lista suspensa | Documentação da lista suspensa | Demonsibras da lista suspensa |
| Componente suspenso ASP.NET Core | Recursos de árvore suspensa | Documentação de árvore suspensa | Demonstrações de árvores suspensas |
| Componente máscara de máscara do asp.net | Recursos MaskedTextBox | Documentação MaskedTextBox | Demos maskedTextBox |
| Componente multisselecto Asp.Net Core | Recursos de seleção múltipla | Documentação multisselect | Demos multisselect |
| Componente do núcleo de núcleo do ASP.NET | Recursos numéricos da caixa de texto | Documentação do NumericTextBox | Demos numerictExtBox |
| Componente de radiograma de núcleo ASP.NET | Recursos do grupo de rádio | Documentação do radiograma | Demos de radiograma |
| Componente de classificação do núcleo ASP.NET | Recursos de classificação do grupo | Documentação de classificação | Demos de classificação |
| Componente do editor de núcleo do ASP.NET | Recursos do editor | Documentação do editor | Demonses do editor |
| Componente de textarea do asp.net | Recursos da área de texto | Documentação da Textarea | Demos textários |
| Componente de caixa de texto Core ASP.NET | Recursos da caixa de texto | Documentação da caixa de texto | Demonstrações de caixa de texto |
| Componente de assinatura do núcleo do ASP.NET | Recursos de assinatura | Documentação de assinatura | Demonstrações de assinatura |
| Componente deslizante do núcleo do ASP.NET | Recursos deslizantes | Documentação do controle deslizante | Slider demos |
| Componente do editor de imagem principal asp.net | Recursos do editor de imagens | Documentação do editor de imagens | Demonses do editor de imagens |
| Componente de troca de núcleo ASP.NET | Recursos de mudança | Documentação de troca | Switch demos |
| Componente da caixa de listagem Core ASP.NET | Recursos de caixa de listagem | Documentação da ListBox | ListBox demos |
| Componente Captcha Core Core | Recursos de captcha | Documentação de Captcha | Captcha demos |
| Componente do gráfico do núcleo do ASP.NET | Recursos do gráfico | Documentação do gráfico | Demonstrações de gráficos |
| Componente do gráfico da área central asp.net | Recursos de gráfico de área | Documentação de areachart | Demos de Demos |
| Componente do gráfico de barras do núcleo ASP.NET | Recursos de gráfico de barras | Documentação do gráfico de barras | Demonstrações de gráficos de barras |
| Componente do diagrama de núcleo ASP.NET | Recursos de diagrama | Documentação do diagrama | Diagrama demos |
| Componente do gráfico de bolhas do núcleo ASP.NET | Recursos de gráfico de bolhas | Documentação Bubblechart | Demos bubblechart |
| Componente de gráfico de linha central asp.net | Recursos de gráfico de linha | Documentação de Linechart | Linechart demos |
| Componente do gráfico de donutes do asp.net | Recursos de gráfico de donut | Documentação de Donutchart | Demos demos |
| Componente de gráfico de núcleo do asp.net | Recursos de gráfico de pizza | Documentação de Piechart | Piechart demos |
| Componente do gráfico de estoque do núcleo do asp.net | Recursos de gráfico de estoque | Documentação de StockChart | Stockchart demos |
| Componente de mapa de calor do núcleo do ASP.NET | Recursos de gráfico de mapa de calor | Documentação de MapChart de HeatChart | Demonsibras de mapchart de calor |
| Componentes do gráfico de núcleo do ASP.NET | Recursos do gráfico de Radararea | Documentação do Radarareachart | Demos de radarareachart |
| Componente OrgChart Asp.Net Core | Recursos OrgChart | Documentação do OrgChart | Demos orgchart |
| Componente TreeMap Core ASP.NET | Recursos Treemap | Documentação Treemap | Treemap demos |
| Componente de código QR Core ASP.NET | Recursos de código QR | Documentação do código QR | Demonstrações de código QR |
| Componente de código de barras de núcleo do ASP.NET | Recursos de código QR | Documentação de código de barras | Demos de código de barras |
| Componente de arcgauge Asp.Net | Recursos de Arcgauge | Documentação de Arcgauge | Demonsionamentos de Arcgauge |
| Componente Circulargauge ASP.NET | Recursos CircularGauge | Documentação Circulargauge | Demos circularGAUGE |
| Componente lineargauge Asp.Net Core | Recursos lineargauge | Documentação lineargauge | Demos lineargauge |
| Componente radialgauge do núcleo ASP.NET | Recursos de radialgauge | Documentação radialgauge | Demos radialgauge |
| Componente de barra de progresso do ASP.NET | Recursos da barra de progresso | Documentação da barra de progresso | Progress -bars demos |
| Componente de barra de progresso circular do núcleo ASP.NET | Recursos circulares da barra de progresso | Documentação circular da barra de progresso | Demos da barra de progresso circular |
| Componente do carregador principal asp.net | Recursos do carregador | Documentação do carregador | Demonstrações de carregadores |
| Componente da dica de ferramenta Core ASP.NET | Recursos da dica de ferramenta | Documentação da ToolTip | Demonstrações de dica de ferramenta |
| Componente de notificação do núcleo do ASP.NET | Recursos de notificação | Documentação de notificação | Demonstrações de notificação |
| Componente de contêiner de esqueleto do núcleo ASP.NET | Recursos de contêiner esqueleto | Documentação do contêiner esqueleto | Demos de contêiner esqueleto |
| Componente classificável de núcleo ASP.NET | Recursos classificáveis | Documentação classificável | Demos classificáveis |
| Componente de interface do usuário de conversação principal do ASP.NET (bate -papo) | Recursos de interface do usuário de conversação | Documentação da interface do usuário de conversação | Demos da interface do usuário de conversação |
| Componente de contêiner de ondulação do núcleo do asp.net | Recursos de contêiner de ondulação | X | Demonstrações de contêineres de ondulação |
| Componente Avatar Core ASP.NET | Recursos de Avatar | Documentação do Avatar | Demos de avatar |
| Componente do cartão principal asp.net | Recursos de cartão | Documentação do cartão | Demos de cartão |
| Componente de diálogo Core ASP.NET | Recursos de diálogo | Documentação de diálogo | Demos de diálogo |
| Componente de formulário do núcleo ASP.NET | Recursos de formulário | Documentação do formulário | Formar demos |
| Componente GridLayout do ASP.NET | Recursos GridLayout | Documentação GridLayout | Demas de Gridlayout |
| Componente do painel de expansão do núcleo do ASP.NET | Recursos de expansionPanel | Documentação ExpansionPanel | ExpansionPanel demos |
| Componente de pilha de núcleo ASP.NET | Recursos de Stacklayout | Documentação do Stacklayout | Demonses Stacklayout |
| Componente de crachá do núcleo do asp.net | Recursos de crachá | Documentação do crachá | Demos de crachá |
| Componente de divisor de núcleo ASP.NET | Recursos de divisor | Documentação do divisor | Demonstrações de divisor |
| Componente do núcleo do ASP.NET | Recursos tileLayout | Documentação tilelayout | TileLayout demos |
| Componente de popover core asp.net | Recursos de popover | Documentação de Popover | Demos popover |
| Componente do painel responsivo do núcleo ASP.NET | Recursos de painel responsivo | Documentação do painel responsivo | Demonstrações de painel responsivo |
| Componente da janela principal asp.net | Recursos de janela | Documentação da janela | Demos de janela |
| Componente da folha de ação do asp.net | Recursos da folha de ação | Documentação da folha de ação | Demonstrações de ação de ação |
| Componente APPBAR CORE ASP.NET | Recursos AppBar | Documentação da AppBar | Demos appbar |
| Componente de navegação no fundo do asp.net | Recursos de BottomNavigation | BottomNavigation Documentation | BottomNavigation demos |
| Componente de pãezas Core ASP.NET | Características da coragem | Documentação de BreadCrumb | Demos de pão |
| Componente do botão núcleo do ASP.NET | Recursos de botão | Documentação do botão | Demos de botão |
| Componente de blotongroup do asp.net | Recursos de ButtonGroup | Documentação de ButtonGroup | Buttongroup demos |
| Componente de chip Core ASP.NET | Recursos de chip | Documentação do Chip | Demos chip |
| Componente de clínica do asp.net | Recursos cliplistas | Documentação cliplista | Demos cliplistas |
| Componente do menu do núcleo ASP.NET | Recursos de menu | Documentação do menu | Demos de menu |
| Componente da gaveta do núcleo do ASP.NET | Recursos de gaveta | Documentação da gaveta | Demonses da gaveta |
| Componente suspenso ASP.NET CORE | Recursos de botão suspenso | Documentação do botão suspenso | Demonstrações de botão suspenso |
| Componente do painel de núcleo do ASP.NET | Recursos do painel | Documentação do painel | PainelBar demos |
| Componente do botão FLOATINGACTION ASP.NET CORE | FlutuationActionButton Recursos | FLOATINGATIONBUTON Documentação | FlutuationActionButton demos |
| Componente SplitButton ASP.NET CORE | Recursos de SplitButton | Documentação SplitButton | Demonses SplitButton |
| Componente da linha do tempo do núcleo ASP.NET | Recursos da linha do tempo | Documentação da linha do tempo | Demonstrações da linha do tempo |
| Componente de tabstrip de núcleo do ASP.NET | Recursos de tabstrip | Documentação da tabstrip | Tabstrip demos |
| Componente da barra de ferramentas Core ASP.NET | Recursos da barra de ferramentas | Documentação da barra de ferramentas | Demos da barra de ferramentas |
| Componente de trueweview do asp.net. | Recursos de TreeView | Documentação do TreeView | Demonsionamentos em TreeView |
| Componente de passo do núcleo do ASP.NET | Recursos de passo | Documentação de passo | Demos de passo |
| Componente do assistente de núcleo do asp.net | Recursos do assistente | Documentação do assistente | Demonses do bruxo |
| Componente de mídia principal do asp.net | Recursos do MediaPlayer | Documentação do MediaPlayer | MediaPlayer demos |
| Componente de scrollView asp.net. | Recursos ScrollView | Documentação do ScrollView | ScrollView demos |
Como parte da sua interface do usuário do Telerik para avaliação gratuita do ASP.NET Core ou cópia licenciada, você obtém acesso a várias bibliotecas de processamento de documentos que permitem converter, gerenciar e exportar dados para diferentes formatos de arquivo.
| ASP.NET CORE PDF Processing Library | Recursos de processamento em PDF | Documentação de processamento em PDF | Demos de processamento em PDF |
| Biblioteca de processamento de espalhamento do núcleo do ASP.NET | Espalhar recursos de processamento | Espalhar documentação de processamento | Espalhar demos de processamento |
| ASP.NET Core Spreadstream Processing Library | Recursos de processamento Spreadstream | Documentação de processamento Spreadstream | Demonstrações de processamento de spreadstream |
| Biblioteca de processamento de palavras principais do ASP.NET | Recursos de processamento de palavras | Documentação de processamento de palavras | Demonstrações de processamento de palavras |
| Biblioteca Zip Core ASP.NET | Recursos da biblioteca ZIP | Documentação da biblioteca ZIP | Demonsibras da biblioteca ZIP |
A interface do usuário do Telerik para as ferramentas de produtividade principal do ASP.NET para o código do Visual Studio incluem a interface do usuário do ASP.NET CORE SCAFFOLDER, Pacote de snippets de código, modelos de projeto com componentes Telerik, Telerik Repl for Asp.net Core
| Código do Visual Studio ASP.NET | Visão geral do código do Visual Studio | Documentação do Código do Visual Studio |
O TERIK UI para o ASP.NET Core oferece uma variedade de temas internos de design profissional e projetado, além do construtor de temas Telerik Sass para ajudá-lo a criar e entregar a interface do usuário de acordo com as necessidades dos negócios. A interface do usuário do Telerik para asp.Net Core inclui quatro temas embutidos: temas padrão do núcleo do ASP.NET, materiais, fluentes e temas de bootstrap, além de múltiplas amostras de cores, incluindo a conformidade com a acessibilidade "Blue Ocean".
| Quatro kits de design da interface do usuário do Telerik para figma | Kits de design da figma de interface do usuário da Telerik | Documentação |
| ASP.NET Core Themebuilder | Aplique as cores da sua marca | TELERIK UI para asp.net Core Themebuilder App |
Criamos o aplicativo de painel do ASP.NET Core Admin para ilustrar como esse aplicativo pode procurar seguindo as melhores práticas de criação da interface do usuário com a UI Telerik para componentes do ASP.NET. Ele demonstra a aparência dos componentes e pode ser usado como um recurso de LeRaning por qualquer pessoa que esteja pensando em usar os componentes da interface do usuário da Telerik para a construção da interface do usuário, independentemente de sua experiência. A demonstração abrange um aplicativo completo do painel de administração, incluindo rastreamento de tarefas, catálogo de produtos, configurações de conta etc., e demonstra como é fácil construir a interface do usuário com a ajuda de componentes complexos, como o Datagrid (tabela), gráficos, formulários e muito mais!.
O aplicativo ASP.NET Core Stock Portfolio é um aplicativo da Web (PWA), mostrando como criar painéis financeiros dinâmicos rápidos e eficientemente bonitos. Ele usa algumas das mais renomadas interface do usuário do Telerik para os componentes do núcleo do ASP.NET e mostra atualizações dinâmicas de dados em tempo real, permitindo grande flexibilidade e monitoramento de dados eficientes sem atraso visível. Os aplicativos de amostra utilizam componentes como ASP.NET Core Grid, Gráficos, Lista Drogas, mapa de calor, calendário e muito mais!
O aplicativo ASP.NET Core + Bootstrap mostra como criar aplicativos responsivos usando a interface do usuário do Telerik para asp.net Core ao lado do Twitter Bootstrap. O layout da grade e o CSS responsivo são baseados no bootstrap, enquanto os componentes são fornecidos pela Telerik UI para asp.net Core. A demonstração permite redimensionar a página alterando o tamanho da fonte ou personalizando -a usando os catadores acima para experimentar seus recursos responsivos.
Os projetos geralmente fazem referência a uma versão comercial da interface do usuário para componentes blazoros. Se você tiver apenas uma licença de teste, substitua a referência ao pacote NUGET e ao arquivo de interop JS e/ou tema de acordo.
As referências (ambas à UI Telerik para asp.net Core e a estrutura .NET) geralmente estão atualizadas para o tempo da criação. Pode ser necessário atualizar para as versões mais recentes e fazer as alterações necessárias. A estrutura do Blazor (?) Está evoluindo rapidamente e esses exemplos podem não ser atualizados suas referências o tempo todo. No entanto, as abordagens gerais devem permanecer válidas, exceto as mudanças de quebra na estrutura.
Questões e solicitações de puxar são bem -vindas.
Para enviar uma solicitação de tração, você deve primeiro bifurcar o repositório .
A interface do usuário do Telerik para asp.net Core é uma biblioteca de interface do usuário comercial. Para usar os componentes, você precisa se registrar para uma avaliação gratuita ou comprar uma licença.
A avaliação gratuita de 30 dias pode ser obtida na UI Telerik para a página do produto Core ASP.NET e fornece acesso a toda a interface do usuário do Telerik para os componentes do núcleo do ASP.NET e sua funcionalidade completa. Para obter mais infromação sobre as opções de licença e Budnle disponíveis, você pode revisar a página de preços do produto.
Para os detentores de tentativa e licença ativos, você obtém acesso a sessões gratuitas de treinamento técnico sob demanda e nosso lendário suporte técnico fornecido diretamente pela UI para a equipe de desenvolvimento do asp.net.
Todos os titulares de licença ativos têm acesso ao feed privado Telerik Nuget. O Telerik.Examples.Mvc e Telerik.Examples.RazorPages fazem referência a um pacote local do NUGET que é uma versão de teste da interface do usuário do Telerik para o ASP.NET Core Nuget.
Para adicionar uma referência ao pacote comercial NUGET, siga as etapas abaixo:
Navegue para dependências> Pacotes do Solution Explorer no Visual Studio.
Clique com o botão direito do mouse em telerik.ui.for.aspnet.core.trial e selecione Remover no menu de contexto.
Vá para Ferramentas> Nuget Package Manager> Configurações do gerenciador de pacotes , selecione Fontes do Gerenciador de pacotes e clique no botão +.
Escolha o nome do feed, defina o URL de alimentação para: https://nuget.telerik.com/v3/index.json e clique em OK.
Navegue e instale o pacote Telerik.ui.for.aspnet.core nuget.
O Visual Studio às vezes armazena em cache os pacotes Nuget e eles devem ser limpos. Para fazer isso, abra o comando Ferramentas> Nuget Package Manager> Configurações do gerenciador de pacotes e selecione Clear todos os cache (s) do NUGET (s) .
Se um erro estiver presente no gerenciador de pacotes e uma referência à fonte excluída ainda estiver de pé, oupeará o alimento do pacote NUGET e remova a referência manualmente.
Para obter mais informações sobre como adicionar o feed privado Telerik Nuget e instalar o pacote, consulte a instalação do NUGET no artigo do Asp.net Core
