关闭

关闭

关闭

封号提示

内容

首页 最简单的ExtJS4的MVC实例(可编辑)

最简单的ExtJS4的MVC实例(可编辑).doc

最简单的ExtJS4的MVC实例(可编辑)

痛過之于_ 2017-10-19 评分 0 浏览量 0 0 0 0 暂无简介 简介 举报

简介:本文档为《最简单的ExtJS4的MVC实例(可编辑)doc》,可适用于IT/计算机领域,主题内容包含最简单的ExtJS的MVC实例(可编辑)最简单的ExtJS的MVC实例流流浪浪的的鱼鱼始始怜怜幽幽竹竹山山窗窗下下不不改改清清阴阴待待我我归归最最简符等。

最简单的ExtJS的MVC实例(可编辑)最简单的ExtJS的MVC实例流流浪浪的的鱼鱼始始怜怜幽幽竹竹山山窗窗下下不不改改清清阴阴待待我我归归最最简简单单的的EExxttJJSS的的MMVV实实例例分类:ExtJS学习>:人阅读评论收藏举报最最简简单单的的EExxttJJSS的的MMVV实实例例从ExtJS开始ExtJS支持MV架构让前端开发者更好的实现数据与逻辑分离使用View,ontroller,Model组件定义来完成浏览器前端业务。提高代码可以维护性。ExtJS中的View是被动模式被ontroller持有。一个最简单的基于ExtJS的MV的App实例有ontollerViewModelStore等组成其目录结构必须遵循以下结构:每个ExtJS的应用都必须从创建一ication实例开始appappjs创建一个Application实例并完成初始化。name:'USERS'表示命名空间为USERS完全源代码如下:onfigenabled:trueExtcreate'ication',nae:'USERS',autoCreateViewport:false,controllers:'Users',launch:function定义一个ontrollerontroller将会绑定一个Applicationontroller的真实目的是监听事件并作出合适的响应动作通常这些事件来是View上面的用户操作。创建一个ontroller为appcontrollerUsersjsExtdefine'Us',extend:'roller',odels:'User',stores:'Users',views:'Panel','Grid',init:functionExtcreate'Ul',layout:'fit',height:,width:,ites:xtype:'userlist',renderTo:docuentbodyExtcreate'U'show定义两个个ViewappviewGridjs是创建EXTGridView来显示数据Extdefine'U',extend:'l',alias:'widgetuserlist',title:'UserContactInfo',store:'Users',coluns:header:'Nae',dataIndex:'nae',flex:,header:'Eail',dataIndex:'eail',flex:appviewPaneljs是创建EXTPanelView来构建Grid的layoutExtdefine'Ul',extend:'l'定义一个数据模型dataModelappmodelUserjsExtdefine'USERSodelUser',extend:'l',fields:'id','nae','eail'定义个数据存储datastoreappstoreUserjsvaryData,'glooyfish','bfnhhotailco',,'BobDenoy','bobwindyyahooco',,'RoseKate','kittygroupfacebookco'Extdefine'Us',extend:'e',odel:'USERSodelUser',autoLoad:true,data:yData位于app同一层次的>HTML页面代码如下:etahttpequiv"ContentType"content"texthtlcharset"titleid"pagetitle"SipleMVCApplicationlinkrel"stylesheet"type"textcss"href"extjsresourcescssextallcss"styletype"textcss"bodyargintop:pxarginright:pxarginbotto:pxarginleft:pxscripttype"textjavascript"src"extjsextalljs"scripttype"textjavascript"src"appappjs"运行效果如下:参考引用learnthevcapplicationarchitecture

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +1积分

资料评分:

/5
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部

举报
资料