SMART datagrid v1.4 > Examples

Back  Forward

ColumnLayouts  Example

ColumnLayout은 그리드에 설정된 컬럼들을 재배치하는 방법을 제공한다. 컬럼그룹에 포함된 컬럼을 최상위로 꺼내거나, 다른 컬럼그룹에 있던 컬럼들을 모아서 새로운 컬럼그룹으로 구성할 수도 있다. 물론, 기존에 표시되지 않던 컬럼을 보이게 하거나 반대로 할 수도 있다. 

또한, GridBase.restoreColumns를 호출해서 언제든 본래의 컬럼 배치로 되돌릴 수 있다. 

ColumnLayout은 GridBase.columnLayout 속성으로 설정하는데, columnLayouts으로 미리 정의된 것들 중 하나를 지정하거나, 전혀 새로운 ColumnLayout으로 지정할 수도 있다. 


Layouts:
Grid - 1
rows

컬럼 헤더로 정렬한다 

linearizeColumns는 컬럼그룹을 모두 해제한 후 나머지 컬럼들을 일렬로 배치한다. 이 때, 정렬 기준이 되는 컬럼 속성들을 지정할 수 있다. 

Code -1
    btnLinearize_click: function () {
        // 컬럼 헤더 텍스트로 정렬한다.
        grdMain.linearizeColumns(['header.text'], $('#chkReverse').is(':checked'));
    }
Note

현재 표시 중인 컬럼 배치를 저장해 두었다가 다시 ColumnLayout으로 사용할 수 있다. 

   

Grid - 2
rows

소스보기 JSP 

See Also
GridBase.columnLayout
GridBase.restoreColumns
GridBase.linearizeColumns
GridBase.registerColumnLayouts
ColumnLayout
Examples