extjs 4.1 tree add new node with server changes

[charles.bourasseau]

In my application, the user can add some nodes to a tree node. The tree is connected to a store which has autoload and autosync true.The code to add a new node is this one:

var window = button.up('window');
var form = window.getComponent('NodeForm').getForm();
var store = Ext.getStore('NodeStore');
var parentDir = window.parentDir;
record = window.record ? window.record : NuageApp.model.Node.create();


if (form.isValid()) {
    form.updateRecord(record);
    if (window.record) {
        store.sync();
    } else {
        parentDir.appendChild(record);
    }
    window.destroy();
}

Then the server will be notified and returns this json:

{
   "id": "4faccf93f597090d14000010/home/user/file",
   "text": "test file",
   "type": "file",
   "icon": "/images/icons/page.png",
   "expanded": true,
   "children": []
}

The property text and icon changed server side but the store does not update the record.

Here is the configuration of the store:
Ext.define('MyApp.store.NodeStore', {
    extend: 'Ext.data.TreeStore',
    requires: [
        'MyApp.model.Node'
    ],


    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            autoLoad: true,
            autoSync: true,
            storeId: 'MyJsonTreeStore1',
            model: 'MyApp.model.Node',
            proxy: {
                type: 'rest',
                reader: {
                    type: 'json',
                    idProperty: 'id'
                },
                writer: {
                    type: 'json',
                    nameProperty: 'text'
                }
            },
            sorters: {
                property: 'text'
            },


        }, cfg)]);
    },


});

[charles.bourasseau]

Would be nice if someone can help

[charles.bourasseau]

I just make a git repository with my specific problem: https://github.com/cbou/extjs-nodejs-tree-panel-test

It would be nice if someone can take a look

[kid-]

I have the same problem. Did you resolve it? Here it is http://www.sencha.com/forum/showthread.php?208484-tree.Panel-drag-n-drop-on-fly-dropped-item-modification

I think it may be an issue with a difference between data model of treeView and a form. Is your form completely the same as a treeView node model?

[vietits]

Try to return json data as an array:

[{
   "id": "4faccf93f597090d14000010/home/user/file",
   "text": "test file",
   "type": "file",
   "icon": "/images/icons/page.png",
   "expanded": true,
   "children": []
}]

Or

{ 
    "success": true,
    "children": [{
       "id": "4faccf93f597090d14000010/home/user/file",
       "text": "test file",
       "type": "file",
       "icon": "/images/icons/page.png",
       "expanded": true,
       "children": []
   }]
}

[charles.bourasseau]

Thanks vietits your second solution works for me.

I push a repository to make some tests: https://github.com/cbou/extjs-nodejs-tree-panel-test