Class: DataGridFooterColumn

<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

colSpannumber

병합할 컬럼의 수

Since:

• 4.0

Default Value:

• 1

dataColumnDataGridColumn

합산등의 계산에 연관된 DataGrid의 컬럼

See:

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

formatterobject

숫자나 통화, 날짜 등의 포맷터.

See:

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

labelstring

컬럼에 표시될 라벨

See:

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

labelJsFunctionfunction

셀에서 표시할 라벨의 콜백함수입니다.

See:

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

Example

labelJsFunction 함수의 파라메터는 다음과 같습니다.

function labelFunction(column, data)
  - column : 해당 셀의 열을 정의한 DataGridFooterColumn 객체
  - data : 해당 셀의 값 - 합산등의 연산일 경우

summaryJsFunctionfunction

풋터 필드에 대한 합산시 실행하는 콜백함수 입니다.

기본적으로 풋터 필드에 대한 합산은 summaryOperation속성에서 지정한 방식에 따라 수행됩니다.
하지만 이외에 임의의 연산을 수행해야 할 경우, summaryJsFunction
속성에 콜백 함수를 지정하여 원하는 합산을 수행할 수 있습니다.

Since:

• 5.0

See:

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

Examples

summaryJsFunction 함수의 파라메터는 다음과 같습니다.

function summaryFunction(data, value, footerColumn, rowData, process)
  - data : 합산을 저장하는데 쓰이는 data 객체
  - value : 합산에 더할 값
  - footerColumn : 함수를 정의한 DataGridFooterColumn 객체
  - rowData : 해당 행의 data 객체. process가 "Calc" 일 경우에만 전달됩니다.
  - process : 합산 계산 단계. 
    - "Begin" : 합산 계산전에 시작시 필요한 작업을 위한 단계
    - "Calc" : 각 행으로 합산을 계산하는 단계
    - "End" : 합산 결과를 반환하는 단계

예를 들어, 풋터 필드에 대한 평균값을 계산하는 summaryJsFunction을 구현한다면 다음과 같습니다.

function summaryFunc(data, value, footerColumn, rowData, process)
{
     var dataField = footerColumn.getDataColumn().getDataField();
     if (process == "Begin") {
         var sObj = {};
         sObj[dataField] = 0;
         sObj[dataField+"Count"] = 0;
         return sObj;
     } else if (process == "Calc") {
         if (!isNaN(value)) {
             if (!data.hasOwnProperty(dataField)) {
                 data[dataField] = value;
                 data[dataField+"Count"] = 1;
             } else {
                 data[dataField] += value;
                 data[dataField+"Count"] += 1;
             }
         }
     } else if (process == "End") {
         return data[dataField]/data[dataField+"Count"];
     }
}

summaryOperationstring

수행해야 할 합산의 속성값을 지정합니다.


이 속성은 다음 값중 하나를 가질 수 있습니다.

• SUM : 합계
  
• MIN : 최소값
  
• MAX : 최대값
  
• AVG : 평균
  
• COUNT : 건수

See:

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

wordWrapboolean

줄바꿈 여부.

See:

• 자바스크립트에서 사용할 때는 getter, setter함수를 사용합니다. - getWordWrap(), setWordWrap(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

배경색을 나타냅니다.

colorcolor

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

fontFamilystring

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

fontSizestring

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

fontStylestring

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

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

fontWeightstring

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

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

letterSpacingstring

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

paddingLeftstring

왼쪽 여백을 나타냅니다.

Default Value:

• 8px

paddingRightstring

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

Default Value:

• 8px

textAlignstring

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

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

Default Value:

• "left"

textDecorationstring

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

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

textIndentnumber

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

Default Value:

• 0