스위치 렌더러는 특정 칼럼의 셀에 토글 스위치가 출력되는 칼럼 렌더러입니다.
스위치 렌더러는 칼럼 레이아웃을 정의할 때 개별 칼럼의 renderer 속성 값인 Object 형태로 선언되어야 합니다.
칼럼의 renderer 속성의 type 으로만 설정 가능합니다.
아래는 설정 예제 입니다.var columnLayout = [ { dataField : "name", headerText : "Name", width : 140 }, { dataField : "isAvailable", headerText : "Avaliable", width : 80, renderer : { type : "SwitchRenderer", editable : true, isRound : true } }];
Name | Description |
---|---|
checkableFunction
| Type : Function 사용자가 스위치를 클릭하여 체크 상태를 변경하고자 할 때 변경을 허락할지 여부를 지정할 수 있는 함수 입니다. 예를 들어 특정 값은 수정 불가 상태를 만들고자 할 수 있습니다. 이런 경우 유용한 함수입니다. 파라메터 설명
Return : (Boolean) true 를 반환하면 사용자가 자유롭게 체크 변경이 가능하며, false 반환 시 수정 불가 상태로 만듭니다. 함수 전체 작성 예는 다음과 같습니다. checkableFunction : function(rowIndex, columnIndex, value, isChecked, item, dataField ) { // 행 아이템의 name 이 Anna 라면 수정 불가로 지정. if(item.name == "Anna") { return false; } return true; }기본값(default) : null . |
checkValue
| Type : String 데이터의 value 값 중 스위치를 선택되도록 결정 짓는 값을 지정합니다. 기본적으로 데이터의 value 가 true 라면 이 속성은 의미가 없지만, 데이터의 값이 "Active", "Inactive" 로 체크 선택/해제가 결정된다면 checkValue 를 "Active" 로 설정하십시오. 기본값(default) :true . |
disabledFunction
| Type : Function 스위치를 조건에 따라 비활성화(disabled) 할지 여부를 결정 할 수 있는 함수입니다. 예를 들어 특정 값(name=Anna)은 스위치를 비활성화 할 때 유용한 함수입니다. 파라메터 설명
Return : (Boolean) true 를 반환하면 스위치가 비활성화(disabled) 됩니다. 함수 전체 작성 예는 다음과 같습니다. disabledFunction : function(rowIndex, columnIndex, value, isChecked, item, dataField ) { // 행 아이템의 name 이 Anna 라면 스위치 비활성화(disabled) 처리 if(item.name == "Anna") { return true; } return fale; }기본값(default) : null . |
editable
| Type : Boolean 스위치 클릭 시 체크 선택/해제가 되도록 할지 여부를 지정합니다. 기본값(default) :false . |
isRound
| Type : Boolean 스위치의 모양을 둥근 형태로 출력할지 여부를 지정합니다. 기본값(default) :false . |
unCheckValue
| Type : String 데이터의 value 값 중 스위치를 해제하도록 결정 짓는 값을 지정합니다. 기본적으로 데이터의 value 가 false 라면 이 속성은 의미가 없지만, 데이터의 값이 "Active", "Inactive" 로 체크 선택/해제가 결정된다면 unCheckValue 를 "Inactive" 로 설정하십시오. 기본값(default) :false . |
visibleFunction
| Type : Function 스위치를 조건에 따라 표시 할지 여부를 결정 할 수 있는 함수입니다. 예를 들어 특정 값(name=Anna)은 스위치를 표시하지 않고자 할 때 유용한 함수입니다. 파라메터 설명
Return : (Boolean) true 를 반환하면 스위치가 셀에 표시됩니다. 함수 전체 작성 예는 다음과 같습니다. visibleFunction : function(rowIndex, columnIndex, value, isChecked, item, dataField ) { // 행 아이템의 name 이 Anna 라면 스위치 표시 하지 않음 if(item.name == "Anna") { return false; } return true; }기본값(default) : null . |