행 동적 스타일

행 동적 스타일은 특정 값에 따라 행 전체에 스타일을 적용하고 싶을때 사용합니다.

셩별의 값이 "여"인 경우에 오렌지 색으로 표시.

※ setRowStyleCallback안에서 시간이 오래 걸리는 연산이나 setValue()등 값을 변경하는 행위를 하면 안됩니다.

  gridView.setRowStyleCallback(function(grid, item, fixed) {
    var ret = {};
    var gender = grid.getValue(item.index, "Gender");

    if (gender == '여') {
      return 'orange-color'
    }
  })

행 동적 편집여부 설정

행 단위로 특정 컬럼의 값에 따라 동적으로 편집가능 여부를 설정합니다.

성별 컬럼의 값이 "여"인 행은 수정할 수 없습니다.

gridView.setRowStyleCallback(function(grid, item, fixed) {
    var ret = {};
    var gender = grid.getValue(item.index, "Gender");

    if (gender == '여') {
      ret.editable = false
      ret.styleName = 'orange-color'
    }

    return ret;
  })