ignite ui
vice Release 3
O IGNITE UI for JQuery ™ ajuda a criar aplicativos poderosos e baseados na Web de alto desempenho. Inside Ignite UI for jQuery, você encontrará controles e componentes da experiência do usuário para criar aplicativos da Web de linha de negócios envolventes que visam os navegadores para ambientes móveis e de desktop.
O IGED IU para jQuery é construído no JQuery e no JQuery UI e se vincula perfeitamente ao modelo de núcleo do jQuery e convenções, incluindo todo o suporte de estilo via rolo de tema da UI do jQuery. Além do JQuery Ignite UI para o JQuery apresenta suporte para temas de bootstrap, AngularJs, Knockout e JQuery Mobile.
| Recurso | Ignite a interface do usuário para jQuery OSS | Ignite a interface do usuário para o jQuery | Infragistics Ultimate | Ajuda |
|---|---|---|---|---|
| Editores | ||||
| Igcombo | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| IightMleditor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| IGRATAMENTE | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Igvalidador | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| IgCurrencyEditor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igdateeditor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Igmaskeditor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Ignumericeditor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| IgPercentEditor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igTexteDitor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igcheckboxeditor | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igdatepicker | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Estruturas | ||||
| IgLoader | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igdatasource | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Motor de modelos | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Motor JS Excel | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| igGridexcelExporter | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Interações | ||||
| igtree | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igdialog | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Igtoolbar | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Igtoolbarbutton | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igsplitbutton | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Ignotificador | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igpopover | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Igradialmenu | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| igcolorpicker | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igcolorpickersplitbutton | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Igupload | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igvideoplayer | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igscroll | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Visualização de dados | ||||
| Igdatachart | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| IgCategoryChart | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| IgshapeChart | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Igpiechart | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Igdoughnutchart | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| IgfunnelChart | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| igbulletgraph | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Iglineargauge | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Igradialgauge | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| igmap | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| IgSparkline | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| igqrcodeBarcode | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Igzoombar | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Programação | ||||
| igscheduler | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Layout | ||||
| IglayoutManager | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| igsplitter | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| IGTILEMANAGER | ✅ | ✅ | ✅ | API Ajuda Tópicos Fonte |
| Grades | ||||
| igGrid | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| IghierchicalGrid | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Igtreegrid | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Planilha | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Recursos de grade | ||||
| Recursos de gerenciamento de colunas | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Corrigação da coluna | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Agrupamento de colunas | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Escondimento da coluna | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| MOVIMENTO DE COLUNA | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Redimensionamento da coluna | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Resumos de coluna | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Modelo de coluna | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Cabeçalhos de várias colunas | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Grupos de colunas dobráveis | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Filtragem | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Classificação | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Colunas não ligadas | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Escolha do recurso | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Seletores de linha | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Seleção | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Dicas de ferramentas | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Atualização | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Paginação | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Fusão de células | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Modo de design da web responsivo (RWD) | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Integração JSrender | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Atualização de descanso | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Suporte nocaute | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Colunas e layout | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Virtualização | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Layout de várias linhas da grade | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Carga de grade sob demanda | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Olap Pivot | ||||
| igpivotDataSelector | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| igpivotGrid | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| igpivotView | ✅ | ✅ | API Ajuda Tópicos Fonte | |
| Extensões nocauteadas | ||||
| Combinação | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Editores | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Árvore | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Grade | ✅ | ✅ | Ajuda Fonte de tópicos | |
| Gráfico | ✅ | ✅ | Ajuda Fonte de tópicos | |
| Temas | ||||
| Metrô | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| iOS | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| BOOTSTRAP PADRÃO | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Bootstrap 4 Padrão | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Superhero de Bootstrap | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Bootstrap categoso | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Bootstrap Yeti | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Infragística | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Infragistics2012 | ✅ | ✅ | ✅ | Ajuda Fonte de tópicos |
| Extensões MVC | ✅ | ✅ | Ajuda Fonte de tópicos | |
| Suporte ao desenvolvedor 24/5 | ✅ | ✅ |
O pacote para este repositório de desenvolvimento está disponível no npm e bower . Para começar, siga a respectiva instalação do gerenciador de pacotes:
Para começar com a interface do usuário do Ignite para jQuery CLI e acender a interface do usuário para o jQuery:
npm i -g igniteui-cli
ig new <project name> --framework=jquery
cd <project name>
ig add combo <component name>
ig start
npm install ignite-uibower install ignite-uiO pacote contém arquivos e estrutura semelhantes para o que você encontraria na versão completa da interface do usuário do Ignite for jQuery com estilos completos e versões Lite dos arquivos de script combinados:
< script src =" <node_modules|bower_components>/ignite-ui/js/infragistics.core-lite.js " type =" text/javascript " > </ script >
< script src =" <node_modules|bower_components>/ignite-ui/js/infragistics.lob-lite.js " type =" text/javascript " > </ script >O conteúdo completo construído para ambos os pacotes pode ser navegado na interface do usuário do IGNITE para o repositório do JQuery Bower Shim.
Além de navegar em nossas amostras on -line, você também pode executar as demos incluídas neste repositório em um clone local. Eles são úteis para experimentar rapidamente alguns recursos de controle, como base para outras amostras ou até testar alterações locais.
Para configurar o repositório, execute o seguinte no diretório raiz:
npm installO comando instalará todas as dependências de construção e pacotes de bower usados nas demos.
Para construir o produto:
grunt build Isso criará arquivos de origem sob a pasta dist/ completos com locais mesclados, script combinados e estrutura CSS e podem ser chamados novamente para incluir novas alterações.
As demos html sob demos/<control> agora podem ser executadas diretamente no sistema de arquivos.
Você pode encontrar todas as diretrizes sobre como contribuir na página do Wiki.
