2012년 12월 14일 금요일

<Ext js>동적 그리드 그리기

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

댓글 없음:

댓글 쓰기