Class: DataGridFooter

DataGridFooter

new DataGridFooter()

DataGrid의 푸터를 생성하는 클래스로 푸터의 한 행을 표시하는 기능을 가지고 있습니다.

기본속성 : columns

See:
Example

레이아웃은 다음과 같은 형식으로 작성됩니다.

<rMateGrid>
     <NumberFormatter id="numfmt" useThousandsSeparator="true"/>
     <PercentFormatter id="percfmt" useThousandsSeparator="true"/>
     <DataGrid id="dg1" horizontalScrollPolicy="auto" variableRowHeight="true" verticalAlign="middle">
         <groupedColumns>
             ...
         </groupedColumns>
         <footers>
             <DataGridFooter height="35">
                 <DataGridFooterColumn label="합계" textAlign="center"/>
                 <DataGridFooterColumn/>
                 <DataGridFooterColumn/>
                 <DataGridFooterColumn summaryOperation="SUM" dataColumn="{dg1col4}" formatter="{numfmt}" textAlign="right"/>
                 <DataGridFooterColumn summaryOperation="SUM" dataColumn="{dg1col5}" formatter="{numfmt}" textAlign="right"/>
                 <DataGridFooterColumn summaryOperation="SUM" dataColumn="{dg1col6}" formatter="{numfmt}" textAlign="right"/>
             </DataGridFooter>
         </footers>
      </DataGrid>
 </rMateGrid>

Members

columnsArray

푸터의 컬럼을 정의하는 DataGridFooterColumn 의 배열

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

heightnumber

푸터의 높이.

pixel단위로 적용됩니다.

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

summaryOnlyLeafboolean

useDataSource가 true이고 데이터가 계층형일 경우, 합산시 맨 말단만 사용하여 계산할지 여부.

Default Value:
  • false
See:
  • 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getSummaryOnlyLeaf(), setSummaryOnlyLeaf(value)

useDataSourceboolean

데이터가 계층형이나 그룹핑 경우, 합산시 source(원본)를 사용하여 계산할지 여부.

Default Value:
  • false
See:
  • 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getUseDataSource(), setUseDataSource(value)

visibleboolean

푸터의 가시성 여부.

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

Methods

clearStyle(styleProp)

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

Name Type Description
styleProp string

스타일 속성명

getStyle(styleProp)

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

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

Name Type Description
styleProp string

스타일 속성명

setStyle(styleProp, newValue)

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

Name Type Description
styleProp string

스타일 속성명

newValue *

스타일에 등록할 값

Styles

backgroundColorcolor

배경색을 나타냅니다.

borderColorcolor

테두리 색.

colorcolor

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

fontFamilystring

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

fontSizestring

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

fontStylestring

폰트 스타일을 나타냅니다.

(유효값 : “normal”,”italic”)

fontWeightstring

폰트의 두께 속성을 나타냅니다.

(유효값 : “normal”,”bold”)

letterSpacingstring

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

paddingBottomstring

셀의 아래쪽 여백을 나타냅니다.

Default Value:
  • "2px"

paddingTopstring

셀의 위쪽 여백을 나타냅니다.

Default Value:
  • "2px"

textAlignstring

텍스트 정렬 방식을 나타냅니다.

(유효값 : “left”,”right”,”center”)

Default Value:
  • "left"

textDecorationstring

텍스트에 밑줄을 그을지 나타냅니다.

(유효값 : “none”,”underline”)

textIndentnumber

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

Default Value:
  • 0

verticalAlignstring

텍스트의 수직 정렬.

설정하지 않을 경우 DataGrid의 설정을 따릅니다.

(유효값 : "top","middle","bottom")

Default Value:
  • ""