Class: DataGridColumnGroup

<rMateGrid>
     <NumberFormatter id="numfmt" useThousandsSeparator="true"/>
     <PercentFormatter id="percfmt" useThousandsSeparator="true"/>
     <DataGrid id="dg1" horizontalScrollPolicy="auto" verticalAlign="middle">
         <groupedColumns>
             <DataGridColumn id="dg1col1" dataField="Year" textAlign="center"/>
             <DataGridColumn id="dg1col2" dataField="Quarter" textAlign="center"/>
             <DataGridColumn dataField="Month" textAlign="center"/>
                 <DataGridColumnGroup headerText="Region">
                     <DataGridColumnGroup headerText="Korea">
                         <DataGridColumn id="dg1col4" dataField="Seoul" />
                         <DataGridColumn id="dg1col5" dataField="Busan" />
                         <DataGridColumn id="dg1col6" dataField="Incheon"/>
                     </DataGridColumnGroup>
                     <DataGridColumnGroup headerText="U.S.A.">
                         <DataGridColumn id="dg1col7" dataField="NewYork" />
                         <DataGridColumn id="dg1col8" dataField="LA" />
                         <DataGridColumn id="dg1col9" dataField="Washington" />
                     </DataGridColumnGroup>
                 </DataGridColumnGroup>
                 <DataGridColumnGroup headerText="Sum">
                     <DataGridColumn id="dg1col10" dataField="Revenue" textAlign="right"/>
                     <DataGridColumn id="dg1col11" dataField="Percent" textAlign="right"/>
                 </DataGridColumnGroup>
         </groupedColumns>
     </DataGrid>
 </rMateGrid>

Members

childrenArray

컬럼그룹의 컬럼들을 정의하는 DataGridColumn 의 인스턴스들의 배열.

childrenDragEnabledboolean

그룹에서 드래그로 자식 컬럼들을 재배치 시킬 수 있을지 여부.

Default Value:

• true

dataFieldstring

데이터에서 해당 컬럼이 표현할 데이터의 필드명.

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getDataField(), setDataField(value)

dataTipFieldstring

데이터팁(툴팁)으로 표시할 데이터의 필드명.

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getDataTipField(), setDataTipField(value)

editableboolean

그룹컬럼의 셀에 대한 수정 가능 여부.

DataGrid의 editable 속성이 true일 때만 적용됩니다.

Default Value:

• true

headerTextstring

컬럼의 헤더 텍스트.

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getHeaderText(), setHeaderText(value)

headerWordWrapboolean

헤더에서 텍스트의 길이가 길어 한 줄에 표시하지 못할 경우 다음 줄에 출력시킬지 여부.

Default Value:

• false

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getHeaderWordWrap(), setHeaderWordWrap(value)

minWidthnumber

컬럼의 최소 넓이.

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getMinWidth(), setMinWidth(value)

resizableboolean

그룹컬럼의 넓이 변경 가능 여부.

DataGrid의 resizableColumns 속성이 true일 때만 적용됩니다.

Default Value:

• true

visibleboolean

컬럼의 가시성 여부.

Default Value:

• true

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getVisible(), setVisible(value)

widthnumber

컬럼의 넓이.

pixel단위로 적용됩니다.

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getWidth(), setWidth(value)

wordWrapboolean

컬럼 셀들의 줄바꿈 여부.

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getWordWrap(), setWordWrap(value)

Methods

clearStyle(styleProp)

컴포넌트에 등록되어 있는 스타일을 지웁니다.

Name	Type	Description
styleProp	string	스타일 속성명

getSizeStyle(styleProp){Number}

컴포넌트에 등록되어 있는 스타일을 숫자로 변환하여 반환합니다.

paddingLeft, paddingRight등과 같이 "px"등의 단위가 붙는 경우, "px"를 제거하고 숫자로 변환되는 스타일을 가져올 경우에 사용합니다.

Name	Type	Description
styleProp	string	스타일 속성명

Returns:

Type	Description
Number	스타일에 등록되어 있는 값, 없을시 null

getStyle(styleProp)

컴포넌트에 등록되어 있는 스타일을 반환합니다.

스타일에 등록되어 있는 값, 없을시 null값을 리턴합니다.

Name	Type	Description
styleProp	string	스타일 속성명

setPxStyle(styleProp, newValue)

컴포넌트에 스타일을 숫자+"px" 형식으로 등록합니다.

paddingLeft, paddingRight등과 같이 "px"를 붙여 값을 설정해야 하는 경우 사용합니다.

Name	Type	Description
styleProp	string	스타일 속성명
newValue	Number	스타일에 등록할 값

setStyle(styleProp, newValue)

컴포넌트에 스타일을 등록합니다.

Name	Type	Description
styleProp	string	스타일 속성명
newValue	*	스타일에 등록할 값

Styles

backgroundColorcolor

배경색을 나타냅니다.

colorcolor

텍스트의 색깔을 나타냅니다.

disabledColorcolor

잠긴상태의 텍스트 컬러를 나타냅니다.

fontFamilystring

사용할 폰트를 지정합니다.

fontSizestring

폰트 크기를 픽셀단위로 지정합니다.

fontStylestring

폰트 스타일을 나타냅니다. (유효값 : “normal”,”italic”)

fontWeightstring

폰트의 두께 속성을 나타냅니다 (유효값 : “normal”,”bold”)

headerStyleNamestring

컬럼 헤더의 스타일 이름을 나타냅니다.

letterSpacingstring

각각의 글자(character) 사이의 추가적인 공간을 지정합니다.

paddingLeftnumber

왼쪽 여백을 나타냅니다.

paddingRightnumber

오른쪽 여백을 나타냅니다.

textAlignstring

텍스트 정렬 방식을 나타냅니다. (유효값 : “left”,”right”,”center”)

Default Value:

• "left"

textDecorationstring

텍스트에 밑줄을 그을지 나타냅니다. (유효값 : “none”,”underline”)

textIndentnumber

텍스트의 시작 들여쓰기를 픽셀단위로 지정합니다.

Default Value:

• 0