컬럼 이동
그리드 DisplayOptions.columnMovable이 true이고, 컬럼의 movable이 true이면, 실행 시간에 사용자는 컬럼 헤더를 드래깅하여 컬럼의 위치를 변경할 수 있습니다. 또한, 컬럼의 displayIndex 속성을 이용해서 javascript 코드로 컬럼의 위치를 변경할 수 있습니다.
그리드 DisplayOptions.columnMovable이 true이고, 컬럼의 movable이 true이면, 실행 시간에 사용자는 컬럼 헤더를 드래깅하여 컬럼의 위치를 변경할 수 있습니다. 또한, 컬럼의 displayIndex 속성을 이용해서 javascript 코드로 컬럼의 위치를 변경할 수 있습니다.
테스트할 컬럼 선택
DisplayOptions.columnMovable를 값을 False로 설정하면 모든 컬럼을 사용자가 이동할 수 없게 됩니다.
1
2
3
var options = gridView.getDisplayOptions();
options.columnMovable = !options.columnMovable;
gridView.setDisplayOptions(options);
DisplayOptions.parentChangable 값이 True이면 컬럼의 부모를 사용자가 드래깅으로 변경할 수 있습니다. (그룹 내 자식 컬럼의 수가 1개이면 이동이 불가합니다)
1
2
3
var options = gridView.getDisplayOptions();
options.parentChangable = !options.parentChangable;
gridView.setDisplayOptions(options);
1
2
3
4
5
6
var colName = $("#columnList").val();
if (colName) {
var proxy = gridView.columnByName(colName);
proxy.movable = !proxy.movable;
gridView.setColumn(proxy);
}