SMART datagrid v1.4 > Examples

[ grids ver.1.3.6]   Back  Forward

Column Moving  Example

실행 시간 사용자는 마우스 드래깅으로 컬럼 위치를 변경할 수 있는데, 먼저 DisplayOptions.columnMovabletrue로 지정돼야 한다. 고정 영역에 포함된 컬럼을 사용자가 이동시킬 수 있게 하려면 fixedColumnMovable 속성이 true로 지정돼야 한다. 또, 컬럼 이동은 기본적으로 동일 컬럼 그룹 내에서만 가능하지만, parentChangabletrue로 지정되면 마우스 드래깅으로 부모를 변경할 수 있다. 

이런 옵션들은 사용자 동작을 위한 것들이고, GridColumn.displayIndexparent 속성을 통해서 스크립트에서 직접 컬럼 위치를 변경할 수 있다. 

   

Grid - 1
rows

컬럼 위치가 변경되면 GridBase.onColumnMoved 이벤트가 발생하고, 부모 그룹이 변경되면 onColumnParentChanged 이벤트가 발생한다. 아래 메모 영역에 이벤트 변경 로그가 기록된다. 

소스보기 JSP 

See Also
DisplayOptions.columnMovable
DisplayOptions.fixedColumnMovable
DisplayOptions.parentChangable
GridColumn.displayIndex
GridColumn.parent
Examples
Column Grouping
Column Resizing
Fixed Columns