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页面上做出贡献的所有准则。