컬럼 이동

그리드 DisplayOptions.columnMovable이 true이고, 컬럼의 movable이 true이면, 실행 시간에 사용자는 컬럼 헤더를 드래깅하여 컬럼의 위치를 변경할 수 있습니다. 또한, 컬럼의 displayIndex 속성을 이용해서 javascript 코드로 컬럼의 위치를 변경할 수 있습니다.

모든 컬럼 이동 가능 여부 설정

DisplayOptions.columnMovable를 값을 false로 설정하면 모든 컬럼을 사용자가 이동할 수 없게 됩니다.

gridView.displayOptions.columnMovable = false;
 
gridView.displayOptions.columnMovable = true;

특정컬럼 이동 여부 지정

제품번호의 이동 가능 여부를 지정해보도록 하겠습니다.

gridView.columnByName("ProductId").movable = false;
 
gridView.columnByName("ProductId").movable = true;

javascript로 위치 변경

컬럼 레이아웃의 vindex 속성을 이용해서 javascript 코드로 컬럼의 위치를 변경할 수 있습니다. 예제로는 제품번호 컬럼의 위치를 맨 앞으로 보내보도록 하겠습니다.

gridView.layoutByColumn("ProductId").vindex = 0;