new SpanMergingField()
SpanMergingField 클래스는 DataGrid에서 병합할 개별 필드를 정의합니다.
Example
레이아웃은 다음과 같은 형식으로 작성됩니다.
<rMateGrid>
<NumberFormatter id="numfmt" useThousandsSeparator="true"/>
<PercentFormatter id="percfmt" useThousandsSeparator="true"/>
<DataGrid id="dg1" horizontalScrollPolicy="auto" verticalAlign="middle" selectionMode="singleCell">
<groupedColumns>
...
...
</groupedColumns>
<dataProvider>
<SpanSummaryCollection source="{$gridData}">
<mergingFields>
<SpanMergingField name="Year"/>
<SpanMergingField name="Quarter"/>
</mergingFields>
</SpanSummaryCollection>
</dataProvider>
</DataGrid>
</rMateGrid>
Members
-
caseInsensitiveboolean
-
병합시 대소문자 구분여부.
대소문자 구분을 하지 않을 경우true
를 지정합니다.- Default Value:
- false
-
colNumnumber
-
병합되는 cell에 대한 rowSpan을 적용할 그리드의 컬럼 번호.
-1일 경우 mergingFields의 배열 순서에 따라 넣어지며, 지정될 경우 그리드의 해당 컬럼에 병합정보가 저장됩니다.- Default Value:
- -1
-
mergingJsFunctionfunction
-
병합할 라벨을 결정하는 함수 입니다.
기본적으로 병합은name
속성에서 지정한 필드의 변화에 따라 수행됩니다.
하지만 다른 데이타와 연관되는 경우나 단순 문자열 비교이상이 필요한 경우,mergingJsFunction
속성에 콜백 함수를 지정하여 원하는 병합을 수행할 수 있습니다.콜백함수는 달을 숫자에서 문자열로 바꾸거나 다른 여러 필드를 기준으로 값을 변경시킬수 있습니다.
- Since:
- 5.0
- See:
-
- 자바스크립트에서 사용할 때는 mergingFunction에 넣어주도록 합니다.
Examples
mergingJsFunction 함수의 파라메터는 다음과 같습니다.
function mergingJsFunction(item, field) - item : 해당 행의 data 객체 - field : 함수를 정의한 SpanMergingField 객체
예를 들어, 병함필드의 첫번째 글짜로 병합을 하는
mergingJsFunction
을 구현한다면 다음과 같습니다.function mergeFunc(item, field) { return item[field.name].toString().substr(0, 1); }
-
namestring
-
병합할 필드 명.
-
rowSpanableboolean
-
병합되는 cell에 대한 rowSpan 적용여부.
- Default Value:
- true
-
summariesArray
-
병합 필드의 합계 행을 정의한 SpanSummaryRow 인스턴스의 배열
한개 또는 2개이상의 SpanSummaryRow를 정의할 수 있습니다.- See: