neoui grid plugin based on iuap design - neoui企业级表单组件
JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
css
dist
docs
examples/grid/1-base
images
js
lib
snippets
vendor
.babelrc
.gitignore
CHANGELOG.md
CONTRIBUTING.md
LICENSE
README.md
app.js
changeSort.js
gulpfile.js
package.json
version.js
webpack.config.js

README.md

表格控件

基于iUAP Design的表格控件,应对复杂场景下的数据展示。

1、介绍

表格控件将数据以表格的方式进行展示,同时提供了排序、交换列、数字列、复选、合计、自定义渲染、修改等复杂功能,满足了复杂场景下数据展示的需求。

2、快速上手

控件使用说明

3、开发说明

目录说明

├─css 控件css
├─dist 产出后的资源
├─docs 文档相关
├─examples 示例文件
    ├─datatable 关联datatable示例
    ├─ui 单独控件示例
├─snippets 文档及代码片段
    ├─docs 文档片段
    │  ├─grid.md 文档片段:replaceui将替换为ui示例,replacedatatable将替换为datatable示例。
    └─examples 示例片段
        └─grid 与grid.md对应的目录,示例目录下必须存在widget.css,widget.html,widget.js,说明.txt
            └─datatable 关联datatable示例片段
            └─ui 单独控件示例片段
├─vendor 第三方库,后续删除
├─app.js 依据snippets中的片段生成docs以及examples中的最终产出
├─gulpfile.js 通过gulp对项目源文件(CSS/JS)生成dist中的最终产出
├─package.json node说明
└─README.md 项目说明

snippets详细说明:

docs目录与examples目录结构需要对应:docs下md文件在examples对应目录下存在同样名称的文件夹,并且此文件夹下面包含datatable以及ui文件夹用于存放对应示例片段

示例1:

docs/grid.md

examples/examples/grid/datatable以及examples/examples/grid/ui

示例2:

docs/dir/grid.md

examples/examples/dir/grid/datatable以及examples/examples/dir/grid/ui

控件开发过程说明

针对控件进行开发,修改css以及js文件之后通过调用gulp dist来生成项目产出

$ gulp dist

示例及文档开发过程说明

针对示例及文档进行开发,修改snippets文件之后通过node app.js来生成示例及文档产出

$ node app.js