wijmo5 flexgrid基础十六：创建可编辑的树形视图

在之前的文章： (十三）创建简单树形视图里，我们介绍了如何使用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;
                    }
                }
            }

本文的源代码下载：

flexgrid_editableTree.zip

如果你对Wijmo5感兴趣，可以到如下链接下载：

/download/?pid=54