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

默认树形结构是不可编辑的，那么本文就来介绍如何使得树形节点可以编辑。首先，我们按照链接中的文章设计好树形结构。其次，在itemsourceChanged事件里，使得树可编辑。

发布于 2016/06/24 00:00

ComponentOne Enterprise

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

请参考Wijmo5技术文章汇总

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。