在之前的文章: (十三)创建简单树形视图里,我们介绍了如何使用flexgrid控件创建树形视图。
默认树形结构是不可编辑的,那么本文就来介绍如何使得树形节点可以编辑。
首先,我们按照链接中的文章设计好树形结构。
其次,在itemsourceChanged事件里,使得树可编辑。
代码参考:
function itemsourceChanged(s, e) {
grid = s;
makeRowsEditable();
s.rows.collectionChanged.addHandler(makeRowsEditable);
};
在makeRowsEditable方法里,设置每一行的row的isReadOnly为false,使得其可以编辑。
代码参考:
function makeRowsEditable() { var rows = grid.rows; for (var r = 0; r < rows.length; r++) { var row = rows[r]; if (row && row.level > 0) { row.isReadOnly = false; } } }
本文的源代码下载:
如果你对Wijmo5感兴趣,可以到如下链接下载:
更多资源:
Wijmo中文官网:/developer/wijmojs
Wijmo5在线示例:/developer/wijmojscore
Wijmo5产品文档:/developer/wijmojscore
如果依然有问题,可以到我们的官方产品论坛发帖咨询:http://gcdn.grapecity.com.cn/showforum-140.html