Bongster's

센차 터치는 VJET라는 이클립스 프로젝트를 통해 센차터치 플러그 인을 제공한다. 하지만 이 이클립스 플러그인은 유료.. 센차터치 번들을 구매시 플러그인과 관련된 zip 파일을 제공받을수 있다. 따라서 30일 평가버전을 통해 이클립스 플러그인을 사용..

Ext js mvc의 단점은 동적 으로 그리드를 그릴 경우 컬럼과 스토어는 동적으로 그려줄수 있지만 그렇게 그릴 경우 모델에 있는 필드의 값이 없기 때문에 데이터가 바인딩 되지 않는 결과를 초래 한다. 그럼 어떻게 해줘야 할것인가? 방법은 크게 3가지가 있다 첫번째. 모델의 필드를 정적으로 넣어주기 단점 : 어떤게 더 추가 될지 어떻게 알까?? 두번째 store에 있는 모델에 접근을 해서 fields를 다시 세팅해준다 단점 : 이래도 기본적으로 모델이 하나는 필요하다. 한 뷰에서 여러개의 그리드를 그릴 경우 등복이 되어 에러가 발생?? 안해봄 세번째 : 모델을 없애고 스토어에 모델 대신 fields란 배열을 받고 서버에서 field를 보내주고 fields에 넣어주고 그리드를 다시 그리기 단점: 서버에서 fields를 세팅해줘야함 음... 공통된 서버를 쓸 경우 두번째나 첫번째가 괜찮고 내 서버만 쓸 경우 첫번째 두번째 세번째 다 괜찮을 것 같다.

Mvc 패턴을 이용해서 동적 그리드 그리기 Mvc 패턴에서 처럼 모델이 정해진 상태에서 동적 그리드를 그리는 것은 생각보다 복잡하지 않다. 원리는 이렇다 일단 그리드를 그릴 데이터를 불러오고 그 데이터에 맞는 컬럼을 생성한 후 모델에 있는 fields값에 데이터의 키 값을 넣어준다음에 reconfigure(?,?) 함수를 통해서 그리드를 다시 그려준다. 첫번째 인자로는 데이터가 두번째 인자로는 컬럼들이 들어간다. 모델에서 필드를 찾는 방법: store.getProxy().getModel().getFields() 모델에서 필드를 넣는 방법: store.getProxy().getModel().setFields(?) 인자로 컬럼을 가지고 있는 배열이 담김 Recofigure 함수를 이용해서 한번에 그릴경우 에러발생 해결책 loadData함수로 먼저 스토어에 데이터를 넣고 reconfigure함수로는 두번째 인자에 컬럼을 넣어서 컬럼값만 다시 세팅

오늘은 Extjs 4에 있는 Grid를 통해 배운 내용을 적어볼까 합니다. 기존의 Ext js 에 있는 grid는 MVC 가 따로 정의 되어 있지 않고, MVC 패턴을 사용해서 개발을 하는 저 로써는 사용하기에 좀 힘들었습니다. 나만 그런가?... 그래서 유용한 팁을 적어 봅니다. Store   Proxy 를 통해 local 에 있는 정보든 remote 를 해서 얻은 정보든 정보를 가지고 와서 가지고 있는 모델 즉 모델이 안에 들어 있는 배열 리스트 유용한 함수 :  filter(key,value) : Store 에서 내용을 검색할때 사용 clearfilter([suppressEvent]) : 안에 옵션은 데이터 체인지를 할것인지 안할것인지 결정 insert(order,model) : store에 모델을 넣고 싶을때 사용하는 메소드 이다. 안에 들어 가있는 매개 변수는 order 는 들어갈 위치 model은 들어가는 값을 배치 하낟. sync() : 저장버튼과 같은 변경된 내용을 저장할 때 사용하는 메소드 하나면 다 됨 !!! ㅋㅋ removeAt(index) : index 안에 있는 값이 삭제됨  load() : store를 view 에 로드하는 내용 이상으로 기본 그리드에서 사용할 때 필요한 CRUD 정리 끝

--------------------------------------------------------------------------------------------------------------------- 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 : ‘bo...