如何选择树中可编辑节点的文本?

时间:2014-04-24 20:15:04

标签: extjs

我需要一些帮助。

当我在树面板中创建新节点时,目标是选择所有文本。该节点是可编辑的。

首先,我有一个Tree面板,可编辑列:

      columns: [{
            xtype: 'treecolumn',
            dataIndex: 'name',
            text: 'name',
            flex: 1,
            editor: {
                xtype: 'textfield'
            }
        }],

其次我有一个按钮"创建"用于创建新节点:

      buttons: [{
            text: 'create',
            handler: function() {

                var selectionArray = treePanel.getSelectionModel().getSelection();
                var selectedNode = selectionArray[0];

                treePanel.setLoading(true);

                setTimeout(function() {

                    treePanel.setLoading(false);

                    var model = Ext.create('Item', {
                        id: 8,
                        parent: 4,
                        name: 'New Item 8',
                        leaf: true
                    });

                    selectedNode.appendChild(model);
                    treePanel.getSelectionModel().select(model);

                    var selectionArray = treePanel.getSelectionModel().getSelection();
                    var node = selectionArray[0];
                    cellEditingPlugin.startEdit(node, 0);

                    // how i can select all text un Node created?
                    node.selectText();

                }, 1000);
            }
        }],

然后当我创建一个新节点时,我需要选择所有可编辑节点的文本。但我无法得到它。

我想要这个:

image

jsfiddle中的完整代码:http://jsfiddle.net/2jzAk/2/

感谢。

1 个答案:

答案 0 :(得分:2)

尝试将selectOnFocus:true添加到列编辑器配置中。