SMART datagrid v.1 > 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。 

如果deletabletrue,就可以通过输入ctrl+del键,删除所选行。 

删除所选行。 默认值为false。 

展开或折叠行的键输入方式是与标准的树UI相似的。 我们可以在行的第一个列单元格上,通过使用左右方向键开始操作。 但是,因为SMART datagrid视图是具有列的树,并且需要在第一个单元格按右方向键时移动单元格,所以为了展开行,我们需要按ctr+right键。 

查看源代码 JSP 

See Also
GridBase.deleteSelection
TreeDataSet.addRow
TreeDataSet.insertRow
TreeDataSet.updateRow
TreeDataSet.deleteRow
树概述
Examples
树数据组