前言

组件位于js/lib加css共5个文件。可以在main.js里改变一些参数配置，再试试效果。:P

• View：Grid和PagingGrid的父类，定义了基本的属性和方法，以及生命周期。
• Grid：View的子类，本组件的中枢。
• PagingGrid：View的子类，负责记录页码状态和自身显示逻辑。
• Store：数据仓库，依据Grid的需求，将原始数据进行加工（分页、排序、查询）。
• SortSwitcher：Grid中定义的小工具。生成和记录Grid与页面交互的排序规则。

刷新（Load）

刷新

点击刷新按钮，重新生成100条数据，传入store仓库，随后grid重新渲染。

搜索（Search）

点击组件左下角开始搜索。规则是：一行中只要有任意一列的前缀包含所查字符，就算是查询到了。

排序

点击列名即可排序。（会出现小三角）支持升序和降序和多列排序，多次点击切换排序规则或取消排序，排序优先级从第一次 点击列到最后一次点击列递减，所以想要改变优先级别忘了把其他“小三角”去掉。（注：因为考虑到可能有字母或中文，排序规则为字符串排序，并非数字排序）

隐藏或显示

隐藏OR显示

分页

点击组件右下小三角或直接输入页码。

销毁

销毁

销毁后，对象属性不存在了。再点其他方法会报错。