컬럼 속성 변경하기
컬럼선택
getColumnProperty()
,setColumnProperty()
함수를 이용하여 컬럼의 속성을 변경합니다.
1
2
3
4
5
var column = gridView.columnByName($("#columnList").val());
if (column) {
var visible = !gridView.getColumnProperty(column, "visible");
gridView.setColumnProperty(column, "visible", visible);
}
1
2
3
4
5
6
var column = gridView.columnByName($("#columnList").val());
if (column) {
var width = gridView.getColumnProperty(column, "width") + 10;
gridView.setColumnProperty(column, "width", width);
}
1
2
3
4
5
var column = gridView.columnByName($("#columnList").val());
if (column) {
var width = gridView.getColumnProperty(column, "width") - 10;
gridView.setColumnProperty(column, "width", width);
헤더의 우측 경계를 Drag하여 컬럼 크기 변경 가능 여부를 결정합니다.
1
2
3
4
5
var column = gridView.columnByName($("#columnList").val());
if (column) {
var resizable = !gridView.getColumnProperty(column, "resizable");
gridView.setColumnProperty(column, "resizable", resizable);
}
헤더를 클릭하여 정렬 가능 여부를 결정합니다.
1
2
3
4
5
var column = gridView.columnByName($("#columnList").val());
if (column) {
var sortable = !gridView.getColumnProperty(column, "sortable");
gridView.setColumnProperty(column, "sortable", sortable);
}