JQuery™的IGNITE UI可幫助您構建功能強大的高性能Web應用程序。 Inside in Ignite UI for jQuery會找到用戶體驗控件和組件,用於創建引人入勝的企業線網絡應用程序,以針對移動和桌面環境的瀏覽器。
jQuery的IGNITE UI是建立在jQuery和jQuery UI上的,並與JQuery Core型號無縫地聯繫在一起,包括通過JQuery UI主題滾筒的所有樣式支持,包括所有樣式支持。除了jQuery Ignite UI之外,用於jQuery的jQuery功能支持Bootstrap主題,AngularJ,淘汰賽和jQuery Mobile。
| 特徵 | 點燃ui for jquery oss | 點燃ui for jQuery滿 | 侵害性最終 | 幫助 |
|---|---|---|---|---|
| 編輯 | ||||
| igcombo | ✅ | ✅ | ✅ | API help 主題來源 |
| Ightmleditor | ✅ | ✅ | ✅ | API help 主題來源 |
| 術語 | ✅ | ✅ | ✅ | API help 主題來源 |
| igvalidator | ✅ | ✅ | ✅ | API help 主題來源 |
| igcurrencyeditor | ✅ | ✅ | ✅ | API help 主題來源 |
| igdateeditor | ✅ | ✅ | ✅ | API help 主題來源 |
| igmaskeditor | ✅ | ✅ | ✅ | API help 主題來源 |
| Ignumericeditor | ✅ | ✅ | ✅ | API help 主題來源 |
| igpercenteditor | ✅ | ✅ | ✅ | API help 主題來源 |
| igtexteditor | ✅ | ✅ | ✅ | API help 主題來源 |
| igcheckboxeditor | ✅ | ✅ | ✅ | API help 主題來源 |
| igdatepicker | ✅ | ✅ | ✅ | API help 主題來源 |
| 框架 | ||||
| IGLOADER | ✅ | ✅ | ✅ | API help 主題來源 |
| igdatasource | ✅ | ✅ | ✅ | API help 主題來源 |
| 模板引擎 | ✅ | ✅ | ✅ | API help 主題來源 |
| JS Excel引擎 | ✅ | ✅ | API help 主題來源 | |
| iggridexcelexporter | ✅ | ✅ | API help 主題來源 | |
| 互動 | ||||
| 伊格里 | ✅ | ✅ | ✅ | API help 主題來源 |
| igdialog | ✅ | ✅ | ✅ | API help 主題來源 |
| igtoolbar | ✅ | ✅ | ✅ | API help 主題來源 |
| igtoolbarbutton | ✅ | ✅ | ✅ | API help 主題來源 |
| igsplitbutton | ✅ | ✅ | ✅ | API help 主題來源 |
| Indighotifier | ✅ | ✅ | ✅ | API help 主題來源 |
| igpopover | ✅ | ✅ | ✅ | API help 主題來源 |
| Igradialmenu | ✅ | ✅ | API help 主題來源 | |
| igcolorpicker | ✅ | ✅ | ✅ | API help 主題來源 |
| igcolorpickersplitbutton | ✅ | ✅ | ✅ | API help 主題來源 |
| igupload | ✅ | ✅ | ✅ | API help 主題來源 |
| IgVideOplayer | ✅ | ✅ | ✅ | API help 主題來源 |
| igscroll | ✅ | ✅ | ✅ | API help 主題來源 |
| 數據可視化 | ||||
| Igdatachart | ✅ | ✅ | API help 主題來源 | |
| igcategorychart | ✅ | ✅ | API help 主題來源 | |
| Igshapechart | ✅ | ✅ | API help 主題來源 | |
| Igpiechart | ✅ | ✅ | API help 主題來源 | |
| igdoughnutchart | ✅ | ✅ | API help 主題來源 | |
| igfunnelchart | ✅ | ✅ | API help 主題來源 | |
| igbulletgraph | ✅ | ✅ | API help 主題來源 | |
| iglineargauge | ✅ | ✅ | API help 主題來源 | |
| Igradialgauge | ✅ | ✅ | API help 主題來源 | |
| igmap | ✅ | ✅ | API help 主題來源 | |
| IgSparkline | ✅ | ✅ | API help 主題來源 | |
| IGQRCODEBARCODE | ✅ | ✅ | API help 主題來源 | |
| igzoombar | ✅ | ✅ | ✅ | API help 主題來源 |
| 調度 | ||||
| Igscheduler | ✅ | ✅ | API help 主題來源 | |
| 佈局 | ||||
| Iglayoutmanager | ✅ | ✅ | ✅ | API help 主題來源 |
| igsplitter | ✅ | ✅ | ✅ | API help 主題來源 |
| igtilemanager | ✅ | ✅ | ✅ | API help 主題來源 |
| 網格 | ||||
| iggrid | ✅ | ✅ | API help 主題來源 | |
| ighierarchicalgrid | ✅ | ✅ | API help 主題來源 | |
| igtreegrid | ✅ | ✅ | API help 主題來源 | |
| 試算表 | ✅ | ✅ | API help 主題來源 | |
| 網格功能 | ||||
| 列管理功能 | ✅ | ✅ | API help 主題來源 | |
| 列修復 | ✅ | ✅ | API help 主題來源 | |
| 列分組 | ✅ | ✅ | API help 主題來源 | |
| 列隱藏 | ✅ | ✅ | API help 主題來源 | |
| 列移動 | ✅ | ✅ | API help 主題來源 | |
| 調整列 | ✅ | ✅ | API help 主題來源 | |
| 列摘要 | ✅ | ✅ | API help 主題來源 | |
| 列模板 | ✅ | ✅ | API help 主題來源 | |
| 多列標題 | ✅ | ✅ | API help 主題來源 | |
| 可折疊列組 | ✅ | ✅ | API help 主題來源 | |
| 過濾 | ✅ | ✅ | API help 主題來源 | |
| 排序 | ✅ | ✅ | API help 主題來源 | |
| 未結合的列 | ✅ | ✅ | API help 主題來源 | |
| 功能選擇器 | ✅ | ✅ | API help 主題來源 | |
| 行選擇器 | ✅ | ✅ | API help 主題來源 | |
| 選擇 | ✅ | ✅ | API help 主題來源 | |
| 工具提示 | ✅ | ✅ | API help 主題來源 | |
| 更新 | ✅ | ✅ | API help 主題來源 | |
| 分頁 | ✅ | ✅ | API help 主題來源 | |
| 細胞合併 | ✅ | ✅ | API help 主題來源 | |
| 響應式網頁設計(RWD)模式 | ✅ | ✅ | API help 主題來源 | |
| JSrender集成 | ✅ | ✅ | API help 主題來源 | |
| 休息更新 | ✅ | ✅ | API help 主題來源 | |
| 淘汰賽支持 | ✅ | ✅ | API help 主題來源 | |
| 列和佈局 | ✅ | ✅ | API help 主題來源 | |
| 虛擬化 | ✅ | ✅ | API help 主題來源 | |
| 網格多排佈局 | ✅ | ✅ | API help 主題來源 | |
| 按需網格負載 | ✅ | ✅ | API help 主題來源 | |
| OLAP樞軸 | ||||
| igpivotdataselector | ✅ | ✅ | API help 主題來源 | |
| igpivotgrid | ✅ | ✅ | API help 主題來源 | |
| igpivotview | ✅ | ✅ | API help 主題來源 | |
| 敲除擴展 | ||||
| 組合 | ✅ | ✅ | ✅ | 幫助主題來源 |
| 編輯 | ✅ | ✅ | ✅ | 幫助主題來源 |
| 樹 | ✅ | ✅ | ✅ | 幫助主題來源 |
| 網格 | ✅ | ✅ | 幫助主題來源 | |
| 圖表 | ✅ | ✅ | 幫助主題來源 | |
| 主題 | ||||
| 地鐵 | ✅ | ✅ | ✅ | 幫助主題來源 |
| ios | ✅ | ✅ | ✅ | 幫助主題來源 |
| 引導程序默認值 | ✅ | ✅ | ✅ | 幫助主題來源 |
| Bootstrap 4默認值 | ✅ | ✅ | ✅ | 幫助主題來源 |
| 引導超級英雄 | ✅ | ✅ | ✅ | 幫助主題來源 |
| 平淡的引導 | ✅ | ✅ | ✅ | 幫助主題來源 |
| Bootstrap Yeti | ✅ | ✅ | ✅ | 幫助主題來源 |
| 侵犯 | ✅ | ✅ | ✅ | 幫助主題來源 |
| Infragistics2012 | ✅ | ✅ | ✅ | 幫助主題來源 |
| MVC擴展 | ✅ | ✅ | 幫助主題來源 | |
| 開發人員支持24/5 | ✅ | ✅ |
該開發存儲庫的軟件包可在npm和bower上使用。首先,請按照各自的軟件包管理器安裝:
開始使用jQuery CLI的IGNITE UI和jQuery Ignite UI:
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-ui軟件包包含類似的文件和結構,與您在jQuery的IGNITE UI的完整版本中找到的內容和結構相似,並具有完整的樣式和合併腳本文件的Lite版本:
< 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 >可以在IGNITE UI上瀏覽兩個軟件包的完整構建內容,用於jQuery Bower Shim存儲庫。
除了瀏覽我們的在線樣本外,您還可以在本地克隆中運行此存儲庫中包含的演示。這些對於快速嘗試一些控制功能,作為其他樣本的基礎,甚至測試本地更改很有用。
設置存儲庫在根目錄中運行以下內容:
npm install該命令將安裝所有構建依賴項以及演示中使用的鮑爾軟件包。
構建產品:
grunt build這將在dist/文件夾下創建源文件,其中包含合併的語言環境,組合腳本和結構CSS,並可以再次調用以包括新更改。
現在可以直接從文件系統運行demos/<control>下的HTML演示。
您可以找到有關如何在Wiki頁面上做出貢獻的所有準則。