체크바와 데이터 필드의 연동

체크바와 데이터 필드를 연동하여 사용할 수 있습니다.

주의사항

체크바에 체크시 onItemChecked()가 발생 합니다.
gridView.checkItem(), checkItems(), checkRow(), checkRows()로 체크가 가능합니다.(onItemChecked(), onItemsChecked() 발생, 그리드 편집과 관련된 이벤트 발생 안함)
체크바와 연결된 필드를 setValue()로 값을 설정하면 해당 값에 맞게 체크바에 연동되어 표시됩니다. 이 경우 onItemChecked()는 발생 하지 않습니다.

dataType: "boolean" 인 경우

dataType이 boolean인 경우 checkBar와 field만 연결하면 됩니다. 예시를 위해 'Boolean' 컬럼을 설정한 것이며, 실제 사용시에는 field만 설정하면 됩니다. 체크바에 체크시 Boolean컬럼에 표시되는 값의 변화를 확인하세요.

//데이터의 형태
[
  {
    "Bool1": true,
    "Bool2": "Y",
    "KorName": "박영호",
    "Gender": "남",
    ... 생략 ...
  },
  {
    "Bool1": false,
    "Bool2": "N",
    "KorName": "조일형",
    "Gender": "남",
    ... 생략 ...
  }
  ... 생략 ...
]

//필드설정
var fields = [
  {
    fieldName: "Bool1",
    dataType: "boolean"
  },
  ... 생략 ...
]
 
dataProvider.setFields(fields);
 
//옵션설정
gridView.checkBar.fieldName = "Bool1";   //Bool1 필드와 연결

dataType: "text" 인 경우

dataType이 text인 경우 checkBar와 field를 연결하고 True로 처리할 텍스트와 False로 처리할 텍스트를 지정(BooleanFormat)하면 됩니다.
예시를 위해 'text' 컬럼을 설정한 것이며, 실제 사용시에는 field만 설정하면 됩니다. 체크바에 체크시 Boolean컬럼에 표시되는 값의 변화를 확인하세요.

//데이터의 형태
[
  {
    "Bool1": true,
    "Bool2": "Y",
    "KorName": "박영호",
    "Gender": "남",
    ... 생략 ...
  },
  {
    "Bool1": false,
    "Bool2": "N",
    "KorName": "조일형",
    "Gender": "남",
    ... 생략 ...
  }
  ... 생략 ...
]

//필드설정
var fields = [
  {
    fieldName: "Bool2",
    dataType: "text",
    booleanFormat: "N:Y"  //false로 처리할 텍스트, true로 처리할 텍스트를 ":" 구분
  },
  ... 생략 ...
]
 
dataProvider.setFields(fields);
 
//옵션설정
gridView.checkBar.fieldName = "Bool2";   //Bool2 필드와 연결

BooleanFormat으로 지정할 true, false value가 여러개인 경우 아래와 같이 , 로 구분하여 설정합니다.

var fields = [
  {
    fieldName: "Bool2",
    dataType: "text",
    booleanFormat: "N,n,0:Y,y,1"  //false로 처리할 텍스트, true로 처리할 텍스트를 ":" 구분
  },
  ... 생략 ...
]

체크바 컨텍스트 메뉴