有好几年没有用过EasyUI了，最近在外包做的一个项目中新增功能时，又用到了，本以为和按照以前那样用就可以了，可当我真正用的时候，发现许多地方不一样了，就连官网的文档都更新了，最突出的就是不知道什么时候起多了一个data-options属性。
记得，在过去一直都是用js直接调用的，现在突然变成data-options了，而官网给的Demo实在是太过简单，连url参数都是直接写死的，这肯定无法满足开发需求。没办法，只好先从官网过一下文档，然后慢慢摸索。因为浪费了我许多宝贵的时间，所以打算记录一下备忘用，也希望给大家参考。
站在使用者的角度而言，用这样的UI框架其实没什么技术含量，就是一边看文档，一边对着Demo改而已，要说难的地方，就是Demo不全，无法满足部分日常需求。
没有产品原型图，界面都是我意淫出来的，大家不要吐槽。
datagrid
需求：能够动态添加行、修改行、删除行、分页。
前台页面AddInvoice.aspx
View Code
后台代码，没什么好说的，基本上就是按照官网给的Demo那样，构造Json格式的数据列表就可以了。
treegrid & tree
需求：结算单位匹配加盟商下面的社区。一个结算单位可以匹配多个加盟商，一个加盟商下面又多个社区。
说明：左侧待关联加盟店，其实就是系统的组织架构，一共分为3级，第1级是平台，第二级是城市公司，第三级是加盟商。只有加盟商，也就是叶子节点可以被选择。左侧选中的加盟商，点击>>可以移到右边，同样从右边选中加盟商也可以通过点击<<移到左边。
View Code
本文转自邹琼俊博客园博客，原文链接：http://www.cnblogs.com/jiekzou/p/6125957.html，如需转载请自行联系原作者
