AUISoft
AUIGrid 3.0.13 Documentation
ButtonRenderer

버턴 렌더러는 특정 칼럼의 셀에 버턴이 출력되는 칼럼 렌더러입니다.

버턴 렌더러는 칼럼 레이아웃을 정의할 때 개별 칼럼의 renderer 속성 값인 Object 형태로 선언되어야 합니다.

칼럼의 renderer 속성의 type 으로만 설정 가능합니다.

아래는 설정 예제 입니다.
var columnLayout = [ {
     dataField : "name",
     headerText : "Name",
     width : 140
}, {
     dataField : "undefined",
     headerText : "Country",
     width : 120,
     renderer : {
            type : "ButtonRenderer",
            labelText : "상세 보기",
            onClick : function(event) {
                alert("( " + event.rowIndex + ", " + event.columnIndex + " ) " + event.text + " 클릭");
            }
     }
}];
NameDescription
disabledFunction
Type : Function   Version: 3.0.6

버튼를 조건에 따라 비활성화(disabled) 할지 여부를 결정 할 수 있는 함수입니다.

예를 들어 특정 값(name=Anna)은 버튼을 비활성화 할 때 유용한 함수입니다.

파라메터 설명

  • rowIndex : (Number) 행 인덱스
  • columnIndex : (Number) 칼럼 인덱스
  • value : (Object) 원본 데이터
  • item : (Object) 행 아이템
  • dataField : (String) 현재 칼럼의 데이터 필드명

Return : (Boolean) true 를 반환하면 버튼이 비활성화(disabled) 됩니다.

함수 전체 작성 예는 다음과 같습니다.

disabledFunction :  function(rowIndex, columnIndex, value, item, dataField ) {
       // 행 아이템의 name 이 Anna 라면 비활성화(disabled) 처리
       if(item.name == "Anna") {
              return true;
        }
        return fale;
 }
기본값(default) : null.
labelText
Type : String

버턴에 출력시킬 텍스트를 지정합니다.

해당 텍스트는 칼럼에 일괄적으로 표시됩니다.

만약 labelText 를 지정하지 않은 경우 데이터의 value 가 표시됩니다.

기본값(default) : null.
onclick
Type : Function

[deprecated Ver 3.0.7.2]

Also See : onClick

onClick
Type : Function   Version: 3.0.7.2

버튼을 클릭했을 때 발생하는 이벤트 핸들러를 선언합니다.

이벤트 핸들러로 전달되는 파라메터의 event 객체 요소는 다음과 같습니다.

  • type : 이벤트 유형으로 "butttonClick" 임
  • pid : 사용자에 의해 작성된 그리드의 부모 DIV ID (샘플 상의 myGridID 와 일치함)
  • rowIndex : 행 인덱스
  • columnIndex : 칼럼 인덱스
  • text : 텍스트
  • item : 해당 행에 출력되고 있는 행 아이템 객체 (Object)
  • dataField : 행 아이템에서 현재 칼럼이 출력되고 있는 데이터의 KeyField

onClick 은 함수를 지정해야 하며 함수 형태는 다음과 같습니다.

onClick : function(event) {
  alert("( " + event.rowIndex + ", " + event.columnIndex + " ) " + event.text + " 클릭");
}
visibleFunction
Type : Function   Version: 3.0.6

버튼을 조건에 따라 표시 할지 여부를 결정 할 수 있는 함수입니다.

예를 들어 특정 값(name=Anna)은 버튼을 표시하지 않고자 할 때 유용한 함수입니다.

파라메터 설명

  • rowIndex : (Number) 행 인덱스
  • columnIndex : (Number) 칼럼 인덱스
  • value : (Object) 원본 데이터
  • item : (Object) 행 아이템
  • dataField : (String) 현재 칼럼의 데이터 필드명

Return : (Boolean) false 를 반환하면 버튼을 셀에 표시하지 않습니다.

함수 전체 작성 예는 다음과 같습니다.

visibleFunction :  function(rowIndex, columnIndex, value, item, dataField ) {
       // 행 아이템의 name 이 Anna 라면 버튼 표시하지 않음
       if(item.name == "Anna") {
              return false;
        }
        return true;
 }
기본값(default) : null.