Extjs 4.1.x 프레임 워 크 구축 은 응용 프로그램 동 태 를 사용 하여 필요 에 따라 MVC 각 모듈 을 완벽 하 게 불 러 옵 니 다.

정오 에 첫 번 째 Extjs 4.1.x 프레임 워 크 구축 은 Application 동태 로 필요 에 따라 MVC 각 모듈 을 불 러 왔 는데 실현 에 문제 가 있 고 이해 하지 못 하 는 부분 이 많 습 니 다.저녁 에 상세 하 게 해결 한 후에 MVC 각 모듈 이 필요 에 따라 불 러 왔 습 니 다.하피.지난 글 에서 ExtJS 라 는 게임 에 대한 평론 은 자바 와 Net 의 것 과 마찬가지 로 해적선 에 올 랐 으 니 내리 기 가 어렵 습 니 다.그리고 기업 급 응용 에 대해 저 는 개인 적 으로 Extjs 프레임 워 크 가 괜찮다 고 생각 합 니 다.특히 UI 디자인 이 없 는 팀(고 된 프로그래머 겸 UI)은적어도 오 랜 만 에 잘 만 든 UI 프레임 워 크(국산 miniUI 가 보 이 는 과거,다른 것 은 좀 싱 거 웠 다.[무슨 EasyUI,Dojo,Jquery UI 등])는 2 년 전에 Extjs 2.0 을 선택 한 후에 비용 을 받 았 고 잠시 멈 추 었 다.그 다음 에 오래 만 든 Ext.Net(주로 개발 효율 이 높다)은 지금 은 ExtJS 4 로 돌 아 왔 다.또 출발점 이 되 었 다.슬 프 게...하 자!멀 어 졌 습 니 다.본론 으로 돌아 갑 니 다.정오 에 문제 가 발생 했 습 니 다.컨트롤 의 사건 이 취소 되 었 습 니 다.애플 리 케 이 션 이 메 인 프레임 워 크 를 다시 만 드 는 문제 라 고 생각 했 습 니 다.그러면 전체 시스템 은 하나의 애플 리 케 이 션 만 사용 할 수 있 습 니 다.그러면 어떻게 동적 으로 contrller 를 불 러 옵 니까?controller 를 동적 으로 불 러 오 면 다른 view,store 등 은 한 번 에 불 러 옵 니 다.
우선 우 리 는 하나의 공공 방법 으로 application 에 contrller 를 불 러 올 수 있 도록 정의 해 야 한다

 
//    js  ，****   
var application; 
Ext.Loader.setConfig({ enabled: true }); 
Ext.require([ 
'Ext.app.Application', 
'Ext.app.Controller' 
]); 
Ext.app.Controller.implement({ 
//MVC      
loadModel: function () { }, 
//MVC      
loadView: function () { }, 
getApplication: function () { 
return this.application; 
} 
}); 
Ext.app.Application.implement({ 
//MVC       param {String/Array} controllers 
loadModule: function (controllers) { 
var me = this; 
var controllers = Ext.Array.from(controllers), ln = controllers.length, i, controller; 
for (i = 0; i < ln; i++) { 
var name = controllers[i]; 
if (!this.controllers.containsKey(name)) { 
controller = Ext.create( 
this.getModuleClassName(name, 'controller'), { 
application: this, 
id: name 
}); 
this.controllers.add(controller); 
//        
controller.loadModel(); 
controller.init(this); 
controller.onLaunch(this); 
//       &        
controller.loadView(); 
} 
} 
} 
}); 
/*****END************/ 

OK.전체적인'조직 구조의'js 구 조 를 보면 다음 과 같다(정말 많 고 정말 아프다) 우리 가 기능 노드 트 리 의'조직 구조'를 눌 렀 을 때 Controller 의 Org.js 를 불 러 오기 시 작 했 습 니 다.네,이것 만 불 러 오 면 됩 니 다.다른 것 은 그 가 자동 으로 불 러 오 는 것 도 MVC 의 장점 입 니 다

 
@{ 
ViewBag.Title = "      "; 
} 
<script> 
/* 
   : 
application.loadModule("Users"); 
//var module = application.getController("Users"); 
//var viewName = module.views[1]; 
//alert(viewName); 
//var view = module.getView("user.List");   viewName 
//var panel = view.create(); 
//Global.ExtTabDoLayout(panel); 
   : 
var main = new Ext.Panel({ 
border: false, 
layout: 'fit', 
items: [{ 
xtype: 'userlist' 
}] 
}); 
Global.ExtTabDoLayout(main); 
*/ 
application.loadModule("Org"); 
var main = new Ext.Panel({ 
border: false, 
layout: 'border', 
items: [{ xtype: 'OrgTree' }, { xtype: 'OrgUserGrid' }] 
}); 
//   tab  
Global.ExtTabDoLayout(main); 
</script> 

그러면 전체 조직 구조의 페이지 구축 이 실현 되 고 필요 에 따라 이 모듈 을 불 러 오 는 것 이기 때문에 각 사건 이 충돌 하지 않 습 니 다.구체 적 인 코드 가 너무 많아 서 첨부 파일 참조.이것 은 아직 업무 논 리 를 쓰기 시작 하지 않 았 는데 이렇게 아 프 게 js 파일 을 한 무더기 썼 다.보아하니 전체 구조 가 완 성 된 것 같다.오빠,나 는 죽 거나 다 치지 않 는 다(⊙o⊙)와