2012년 11월 8일 목요일

<Ext js> MVC 정리2

---------------------------------------------------------------------------------------------------------------------
Ext js grid 사용시 Store로 접근 을 하여 sync 메세지 사용 시 update 문 실행
c:??
r: load
u: sync
d: ..??
4개의 명령어가 추가 시 되는지는 잘 모르겠음
reader 와 writer 가 필요
-----------------------------------------------------------------------------------------------------------------------
Ext js 추가 사항 정리
ext js 상속과 같은 개념 존재
extend 말고 따로 hasMany로 해서 다중의 객체를 속성값으로 받을 수 있음

//author 모델 선언 books 란 이름으로 book이란 모델 가지고 있음
Ext.define(‘App.model.Author’){
extend : ‘Ext.data.Model’,
fields : [],
hasMany :{
model : ‘App.model.Book’,
foreignKey : ‘authorId’,
name : ‘books’
},
proxy : {
type : ‘ajax’,
url : ’data/authors/1.json’,
reader :{

type : ‘json’,
root : ‘authors’
}
}
}

//book 모델 선언 chapters 란 이름으로 chapter이란 모델 가지고 있음
Ext.define(‘App.model.Book’){
extend : ‘Ext.data.Model’,
fields : [],
hasMany :{
model : ‘App.model.Chapter’,//모델에 패키지 까지의 풀 네임 바인딩 중요!!
foreignKey : ‘bookId’,
name : ‘chapters’
}
}
//chapter 모델 선언
Ext.define(‘App.model.Chapter’){
extend : ‘Ext.data.Model’,
fields : []
}

뷰에서 불러올 떄 AuthorModel 만 불러 오면 연관되어 있는 book과 chapter 가 불러옴
접근은 AuthorModel의 객체명 .books(), books()를 받는 Book변수를 선언해서 Book.chapters() 이렇게 불러옴
-------------------------------------------------------------------------------------------------------------------------

views,stores 로 등록시 get+viewsName+Store() 로 접근 가능 그 안에서 함수도 사용 가능 .으로 접근 , getStore(),getView(),getModel()로 접근 가능
refs 를 사용하여 뷰를 더 쉽게 사용 할수 있다
refs :[{
ref :'panel',//접근할때 사용하는 view 이름
selector : ‘detailPanel’//alias 로 등록한 view의 이름
}]

댓글 없음:

댓글 쓰기