SMART datagrid v1.4 > Examples

Back  Forward

TreeView Editing  Example
no-lite

그리드뷰와 마찬가지로 트리뷰에서도 사용자가 직접 행을 추가, 삭제하거나, 편집기를 이용해서 셀 값을 편집할 수 있다. 우선 그리드와 마찬가지로 editOptions에 관련 속성들이 true로 지정돼야 한다. 

insertabletrue면 새로운 행을 삽입 추가하고자 하는 행 위치로 포커스를 옮기고 insert 키를 누르면 입력 행이 표시되면서 행 추가가 시작된다. 

행 삽입 추가. 기본값은 false

 

Code -1
    tree.onInserting = function (grid, rowIndex) {
        if (!$('#chkInsertable').is(':checked')) return false;
    };

shift+insert 키를 누르면 선택된 행의 위치가 아니라 행의 다음 위치에서 추가가 시작된다. 또, ctrl+insert 키를 누르면 선택된 행의 마지막 자식행 다음에 행 추가를 시작한다. 

Tree - 1
rows

appendabletrue면 트리 마지막 행에서 아래쪽 방향키를 눌러서 행 추가를 시작할 수 있다. 

마지막 행 다음에 행 추가. 기본값은 false

deletabletruectrl+del 키를 입력해서 선택되어 있는 행들을 삭제할 수 있다. 

선택 행들 삭제. 기본값은 false

행을 펼치고 접는 키 입력은 표준적인 트리 ui와 비슷한다. 행의 첫번째 컬럼셀에서 좌우 방향키로 동작한다. 다만, SMART datagrid 트리뷰는 컬럼이 있는 트리이고, 첫번째 셀에서 우측 방향키를 누를 때 셀 이동을 해야 하므로, 행을 펼치기 위해서는 ctr+right 키를 눌러야 한다. 

소스보기 JSP 

See Also
GridBase.deleteSelection
TreeDataSet.addRow
TreeDataSet.insertRow
TreeDataSet.updateRow
TreeDataSet.deleteRow
트리 개요
Examples
트리 데이터셋