Grades e listas Ignite UI
Projetados para a web moderna – design de alto desempenho, responsivo e amigável ao toque – nossas grades JavaScript/HTML5 atendem às necessidades de negócios da sua empresa.Características principais
- Correção de colunas, redimensionamento, ocultação, correção e resumos
- Edição, agrupamento, classificação, filtragem e paginação de dados
- Layout de várias linhas, mesclagem visual e física de células, cabeçalhos de várias colunas, grupos de colunas
- Muitas opções de vinculação de dados, incluindo JSON, XML e HTML, com vinculação a dados locais, remotos ou de transmissão ao vivo
- Suporte completo para Angular, React, Angular JS, KnockoutJS e Microsoft MVC

Grades de dados para todos os cenários
Não limitamos você a uma única exibição de dados –Ignite UI para JavaScript inclui uma grade para exibição de dados simples, hierárquico mestre-detalhe, listas de árvores hierárquicas e até mesmo suporte para dados OLAP multidimensionais.


Dados planos
Ignite UI para JavaScript inclui a grade HTML5 JavaScript mais rápida do mercado. Vincule a uma variedade de fontes de dados, incluindo JSON, XML, tabelas HTML, coleções .NET e até mesmo .NET DataTables. A grade HTML5 funciona com bibliotecas populares de código aberto, incluindo Angular JS, KnockoutJS, History.js, JsRender e Bootstrap. Ela inclui os recursos que você espera – edição de dados, classificação, filtragem, agrupamento, correção de colunas, redimensionamento de colunas, resumos de colunas, modelos de dados, paginação, carregamento sob demanda e muito mais.
Ver amostra
Dados da grade de árvore
O componente HTML5 Tree Grid apresenta dados hierárquicos combinando os princípios de uma árvore e dados tabulares em um único controle – com resumos de rollup, classificação, filtragem, agrupamento, paginação, correção e ocultação de colunas e muito mais. A grade de árvore apresenta dados hierárquicos semelhantes ao controle de grade hierárquica Ignite UI para JavaScript – mas a grade de árvore exibe todos os dados nas mesmas colunas. Perfeito para aplicativos financeiros como balanços ou qualquer cenário de dados que exija colunas de rollup ou dados hierárquicos exibidos em colunas fixas. A grade de árvore oferece suporte a recursos de linha de negócios como edição de dados, classificação, filtragem, paginação, correção de colunas, ocultação de colunas, cabeçalhos de várias colunas e muito mais.
Ver amostra
Dados Hierárquicos/Mestres e Detalhados
Construído sobre a grade de dados plana, a grade hierárquica HTML5 entrega exibições mestre-detalhe sem concessões. Vincule a grade hierárquica a uma variedade de fontes de dados, incluindo JSON, XML, coleções .NET e até mesmo DataSets .NET. Use o carregamento sob demanda para entregar qualquer quantidade de dados ao cliente. Estão incluídas interações que você precisa para seus aplicativos empresariais – edição de dados, classificação, filtragem, redimensionamento de colunas, resumos de colunas, paginação e muito mais.
Ver amostra
Planilha
O componente Planilha Ignite UI fornece aos seus usuários uma maneira poderosa, porém familiar, de gerenciar dados. O componente Planilha pode importar e exportar dados do Microsoft Excel (tanto local quanto remotamente) e suporta a maioria dos objetos do Excel. Toda a formatação de dados é suportada, então o que seu usuário vê no Excel é o que ele verá em seu aplicativo da web e vice-versa, incluindo cores, fontes, linhas de grade, títulos e formatação de texto/dados. O componente Planilha suporta todas as fórmulas internas do Microsoft Excel (Soma, Média, Média, Mediana, etc.) para que seus dados calculados estejam sempre disponíveis.
Ver amostra
Projetado para a Web moderna
Entregue a experiência mobile-first e touch-first para seus clientes imediatamente. Projetado para toque moderno e web responsiva, você pode se sentir seguro ao criar aplicativos que rodam em qualquer tamanho de dispositivo. Use o Ignite UI Layout Manager, Tile Manager, Splitter ou até mesmo Bootstrap para criar aplicativos responsivos e bonitos com uma ampla variedade de temas personalizáveis integrados.
Ligação de dados com AngularJS, KnockoutJS ou Microsoft MVC

Com Angular, estamos comprometidos em garantir que Ignite UI forneça suporte Angular inerentemente. Todos os controles Ignite UI têm definições de componentes com Angular e são hospedados no GitHub.

Use nossas diretivas Angular JS para construir declarativamente seu próximo aplicativo MVC baseado em JavaScript e HTML. Nossas diretivas hospedadas no GitHub oferecem a você uma integração Angular limpa e completa de databinding bidirecional.

Nosso suporte ao KnockoutJS oferece rastreamento de dependências, criação de modelos e atualização automática da interface do usuário usando o mapeamento fácil de elementos DOM do Knockout para seu modelo de dados.

Obtenha todo o poder do Visual Studio com nossos componentes MVC. Use o IDE mais poderoso do mundo e sua expertise em C# para construir experiências web completas e modernas.
Interações de dados ricos
Dê aos seus usuários a experiência de interação que eles esperam, como priorizar a visibilidade dos dados com uma coluna fixa ou recolher grupos de dados. Recursos como entrada de dados, agrupamento, classificação, paginação, filtragem, modelos de coluna, fixação de coluna, grupos de colunas recolhíveis e muito mais estão disponíveis nos componentes de grade.


Layout flexível para design responsivo
Personalize o layout da coluna com base no tamanho da tela com nossos recursos de design responsivo integrados. Este recurso permite ocultar colunas, colunas de modelo e alterar toda a exibição de dados com base no tamanho da tela do dispositivo.
Ver amostra
Dados de alto desempenho e alto volume
Os recursos de virtualização e paginação DOM integrados permitem que você exponha milhares de registros em pouco tempo. Carregue seus dados sob demanda de seus serviços de backend para minimizar o tempo de carregamento de seus aplicativos e trazer uma experiência de usuário premium para seus clientes.
Ver amostraAcesso a dados local e remoto
Trabalhe com qualquer fonte de dados – XML local, JSON, tabela HTML ou um serviço web remoto. Utilize classificação, filtragem, paginação, resumos e agrupamento do lado do cliente e do servidor para seus dados. Permita que seus clientes encontrem facilmente o que estão procurando.

Entrada de dados eficiente
Edite vários registros e salve-os todos de uma vez com o recurso de edição em lote. Ou edite dados em linha dentro da célula usando modelos com editores personalizados que correspondem ao tipo de dados da coluna. Isso permite adicionar novas linhas e excluir linhas dentro da grade. As validações também podem ser feitas em tempo real dentro da célula da grade. Essas e muitas outras funcionalidades enriquecem o desempenho de seus aplicativos.
Ver amostra
O poder do Excel sem o Excel
Use nossa biblioteca JavaScript Excel com todos os recursos para criar planilhas dinamicamente no cliente e exportar a grade para o Excel sem idas e vindas ao servidor. Você pode até exportar suas grades com recursos como classificação, filtragem, resumos, colunas ocultas e muito mais.
Ver amostraPivôs OLAP
Visão geral
Os componentes OLAP Pivot incluem um Pivot Grid, Pivot Data Selector e Pivot View, que permitem que você execute análises de dados multidimensionais e aprofundadas e leia dados OLAP. Os componentes podem ser usados com tabelas planas ou fontes de dados XMLA para fornecer alta qualidade de apresentação de dados.


Suporte OLAP
Combinando uma Pivot Grid e um Data Selector, o componente Pivot View fornece as ferramentas que os usuários precisam para manipular dados multidimensionais em um só lugar. Como parte da categoria Business Intelligence, a abordagem Online Analytical Processing (OLAP) permite visualizar consultas analíticas e ad hoc multicamadas com um tempo de execução rápido.
Ver amostraArranjo de dados e vários layouts
Use hierarquias como colunas, linhas ou filtros e escolha entre vários modos de layout, dependendo de quanto espaço você tem.

Ver amostra
Comece hoje mesmo. Baixe uma avaliação gratuita de 30 dias com suporte padrão incluso.
Baixar teste