javascript 在EXTJS中创建node.appendChild时选择并编辑

fhg3lkii 于 2023-05-05 发布在 Java

关注(0)|答案(2)|浏览(105)

我对Extjs非常陌生，我目前正在使用一个树，在那里我可以创建一个分支，然后创建部分。我需要帮助我的代码编辑功能。
createSection：function（button）{ var node = button.up（'menu '）.node;

if (node.data.leaf) {
        return false;
    }

    node.expand();

    var newSection = node.appendChild({
        name: 'New section ' + "(" + (node.childNodes.length +1) + ")" ,
        type: 'toc-by-system',
        leaf: false,
        id: uuid['v4'](),
        children: [],
        editor: {
            xtype: 'textfield'
        }
    });

    newSection.BeginEdit(),
},

JavaScript

来源：https://stackoverflow.com/questions/76154208/select-and-edit-upon-creation-of-node-appendchild-in-extjs

2条答案

按热度按时间

kg7wmglp1#

请查看示例代码，以编程方式添加节点，点击按钮即可！

var store = Ext.create('Ext.data.TreeStore', {
            root: {
                expanded: true,
                children: [{
                    id: 3,
                    text: 'detention'
                }, {
                    text: 'homework',
                    id: 5,
                    expanded: true,
                    children: [{
                        text: 'book report',
                        id: 7,
                        leaf: true
                    }, {
                        text: 'algebra',
                        id: 9,
                        leaf: true
                    }]
                }, {
                    text: 'buy lottery tickets',
                    id: 37,
                    leaf: true
                }]
            }
        });

        Ext.create('Ext.tree.Panel', {
            title: 'Simple Tree',
            itemId: 'menu',
            tbar: [{
                text: 'button',
                handler(button) {
                    var treeNode = button.up('#menu').getRootNode();
                    if (treeNode.data.leaf) {
                        return false;
                    }
                    treeNode.expand();
                    treeNode.appendChild({
                        text: 'New section ' + ((treeNode.childNodes.length) + 1),
                        type: 'toc-by-system',
                        leaf: false,
                        children: [],
                    });
                }
            }],
            width: 500,
            height: 500,
            store: store,
            rootVisible: false,
            renderTo: Ext.getBody()
        });

赞(0）回复(0）举报 2023-05-05

egdjgwm82#

选中这个小提琴，它有单击和双击编辑动态树单元格编辑器的选项

赞(0）回复(0）举报 2023-05-05