ExtJs5新增了对MVVM模式的支持,该实例演示了其基本用法,在此基础上可快速搭建实际项目,完成更复杂的业务功能。
该实例为典型的单页面应用(SPA),各功能模块封装成独立的JS文件,并按功能模块加载(非一次性加载所有JS文件)。
目录结构:
项目特点:
1、基于ExtJS 5.1版本实现,采用Neptune样式风格,中文语言;
2、使用全新的MVVM模式架构,面向对象写法;
3、全系统只有一个index.html界面,登录框也封装成独立的视图组件;
4、通过实现角色管理、用户管理两个基础的功能模块,演示了Viewport、Container、Panel、TreePanel、Grid、Window、Form等常用组件的用法,以及border、column、form、fit、hbox等常用布局方式;
5、通过自定义一个Ext.button.Button的扩展类,演示了自定义扩展Ext类的基本方法;
6、使用JSON,模拟从后台动态获取数据;
注意事项:
因为file协议不支持Ajax获取数据,所以请把该项目部署到Nginx、Apache或Tomcat等Web服务器,然后通过http协议访问。
下载地址:
Git下载:https://github.com/yyhsong/iExtJs5/