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