欢迎来到天天文库
浏览记录
ID:11093171
大小:77.78 KB
页数:28页
时间:2018-07-10
《extjs5开发学习-37-单个模块的设计[5取得模块列表数据]》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Extjs5开发学习-37-单个模块的设计[5取得模块列表数据]后台取得数据:后台的springmvc和service只能简单的说说了,里面加了几十个类,有兴趣的下载了源码自己看。下面画张通用的模块列表取数据的流程,这个流程是适用于所有的模块。我这个后台处理程序也是对所有的模块进行统一处理,包括数据查找,新增,修改,删除都是相同的。 画图不是强项,看得懂就行。 1、grid在渲染好后就会通过Stroe来取得数据; 2、Stroe会发送ajax请求至后台服务器,springmvc
2、会根据请求找到ModuleController中的相应取得数据的函数; 3、控制器中调用ModuleService中的函数取得数据; 4、Service再调用ModuleDAO的函数从数据库中取得数据,然后一级级的返回到Store中,再显示在Grid之中。 现在我们先做extjs5端的修改,原来的Store使用的是本地数据,现在要改成远程调用的数据,1、先修改model的生成函数ModelFactory.js。这个函数根据传入的module的定义来生成model,主要生成的有f
3、ields属性和proxy。还有一些以后要用到的函数,比如判断此条记录是否能修改、删除等的函数。还有一个是取得本条记录的标志字段的函数。[javascript] viewplain copy1./** 2. * 根据module的数据来生成模块的model 3. */ 4.Ext.define('app.view.module.factory.ModelFactory', { 5. 6. statics : { 7. getModelByModule : functi
4、on(module) { 8. 9. var model = Ext.define('app.model.' + module.tf_moduleName, { 10. extend : 'Ext.data.Model', 11. module : module, 12. idProperty : module.tf_prima
5、ryKey, 13. nameFields : module.tf_nameFields, 14. titleTpl : module.tf_titleTpl, 15. titleTemplate : null, 16. fields : this.getFields(module), 1. proxy : { 2.
6、 type : 'rest', 3. batchActions : true, 4. extraParams : { 5. moduleName : module.tf_moduleName 6. }, 7. api : { 8.
7、 // 在这里加rest/是因为在web.xml中 9. // /rest/*这一句,spring会根据rest 10. // 后面的参数去进行匹配 11. read : 'rest/module/fetchdata.do', 12. update
8、: 'rest/module/update.do', 13. create : 'rest/module/create.do', 14. destroy : 'rest/module/remove.do' 15. }, 16. actionMethods : { 17. cr
此文档下载收益归作者所有