[DemFear]

Всем привет!

Прошу вас помочь мне в одной проблемке.
Реализована возможность изменять описание объекта, но при переходе к следующему объекту внесенное описание стирается и там снова появляется «Текст по умолчанию».
Однако описание сохраняется, когда после ввода текста кликнуть мышкой на пустое поле.

MyNode = Ext.extend(Ext.tree.TreeNode, {
        consructor: function (attributes) {
            var description = attributes.description || '';
            MyNode.superclass.constructor.call(this, attributes);
        },
        setDescription: function (newDescription) {
            this.attributes.description = newDescription;
        }
    });

    Ext.onReady(function () {
        var tree;
        var width = 200;
        var height = 300;
        var offsetX = 0;
        var offsetY = 0;
        var treeTitle = 'Дерево';
        function showTree() {
             tree  = Ext.getCmp(treeTitle);
            if (!tree) {
                tree = Window(width, height, offsetX, offsetY, treeTitle, Tree(height, width));
            }
                  tree.show();
        }
        var button = new Ext.Button({
            text: 'Задание',
            renderTo: document.body,
            handler: showTree
        });
              



    function Window(xWidth, xHeight, offsetX, offsetY, xTitle, filling) {
        return new Ext.Window({
            renderTo: document.body,
            title: xTitle,
            id: xTitle,
            draggable: false,
            resizable: false,
            width: xWidth,
            height: xHeight,
            closeAction: 'hide',
            y: offsetY,
            x: offsetX,
            items: filling
        });
    }

  function Tree(xHeight, xWidth) {
        return new Ext.tree.TreePanel({
            rootVisible: true,
            root: new MyNode({
                text: 'Корень',
                description: 'Введите текст',
                dragable: false,
                expanded: true
            }),
            contextMenu: new Ext.menu.Menu({
                items: [{
                    id: 'delete-node',
                    text: 'Удалить объект'
                }, {
                    id: 'add-node',
                    text: 'Добавить объект'
                }],
                listeners: {
                    itemclick: function (item) {
                        var curNode;
                        curNode = item.parentMenu.contextNode;
                        switch (item.id) {
                            case 'delete-node':
                                if (curNode.parentNode) {
                                    curNode.remove(true);
                                } else {
                                    Ext.Msg.alert('Внимание', 'Удаление корневого элемента запрещено!');
                                }
                                break;
                            case 'add-node':
                                curNode.appendChild(new MyNode({
                                    text: 'Объект',
                                    dragable: false,
                                    expanded: true,
                                    description: 'Введите текст'
                                }));
                                break;
                        }
                    }
                }
            }),
            listeners: {
                contextmenu: function (node, e) {
                    node.select();
                    var c = node.getOwnerTree().contextMenu;
                    c.contextNode = node;
                    c.showAt(e.getXY());
                },
                click: function (node, e) {
                    var formView = Ext.getCmp('Свойства');
                    if (formView) formView.close();
                    var formData = form(xHeight - 60, xHeight - 140, node);
                    formView = Window(xHeight, xHeight, xWidth, 0, 'Свойства', formData);
                    formView.show();
                }

            }
        });
          }


           function form(xWidth, xHeight, node) {
        return new Ext.FormPanel({
            renderTo: Ext.getCmp(),
            padding: 20,
            labelAlign: 'top',
            items: [{
                xtype: 'textfield',
                fieldLabel: 'Название',
                value: node.attributes.text,
                width: xWidth,
                listeners: {
                    change: function (element, newV, oldV) {
                        node.setText(newV);
                        
                    }
                }
            }, {
                xtype: 'textarea',
                fieldLabel: 'Описание',
                value: node.attributes.description,
                width: xWidth,
                height: xHeight,
                listeners: {
                    change: function (element, newV, oldV) {
                        node.setDescription(newV);
                    }
                }
            }]
        });
    }
       });