-Real Grid
ItemIndex와 Rowid 의 차이 : itemindex는 sorting 을 위한 인덱스 rowid는 data고유의 index값이다.
Data와
Item은
RealGrid의 공식적인 명칭이 아니지만 튜토리얼에서는 이해를 돕기 위해 DataProvider와 ItemModel의 행(Row)정보를 각각
Data와 Item으로 표현하겠습니다.
아래 그림은
Data와 Item의 관계를 표현하고 있습니다.
동시에, Item의 종류도 설명합니다.
· Item의 순서는 Data의 순서는 동일할 수도 있고, 아닐 수도 있습니다.
· Item은 “row”, “group”, “footer”, “tree”의 형식으로 구분됩니다.
· Item에 대한 자세한 설명은 Grid Item을 참조하세요.
Item과
Data의 개념은 앞으로 남은 많은 강좌들을 실습해 가면서 좀더 깊이 이해할 수 있습니다.
이번 강좌에서는
ItemIndex와 RowId가 서로 다를수 있다는 사실을 정렬(Sorting)기능을 통해 확인해 보겠습니다.
RealGrid에서 정렬은 Data를 정렬하는 것이 아니고
Item을 정렬하는 것입니다.
즉, 정렬순서가 변경되면
RowId와는 관계가 없고,
ItemIndex에 변동이 발생합니다.
이런 사실을 실습을 통해 확인해 보겠습니다.
-컬럼-필드 연결하기
그림을 보겠습니다.
필드는 Data영역이고 컬럼은 View영역입니다.
그림에서 처럼 하나의 필드는 하나의 컬럼과 연결 가능합니다. RealGrid는 하나의 필드에 여러개의 컬럼을 연결 할 수도 있습니다. 이것은 데이터를 다양한 방법으로 표현 가능한 RealGrid의 장점이기도 합니다. 하나의 필드에 여러개의 컬럼을 연결해 보는 연습은 [A7 강좌]에서 배울 수 있습니다.
필드와 컬럼을 연결하는 방법은 간단합니다. 컬럼 객체를 생성할때 fieldName속성에 연결할 필드의 이름을 지정 하면 됩니다.
fieldName속성은 데이터컬럼(DataColumn)페이지를 참조하세요.
dataProvider = new RealGridJS.LocalDataProvider();
gridView = new RealGridJS.GridView("realgrid");
gridView.setDataSource(dataProvider);
filed 생성 -> 컬럼의 속성과 옵션을 설정한다.
Data 생성 -> 순수 데이터 값
dataProvider.setFields(fields);
dataProvider.setRows(data);