Extjs Tree Store auto sync with server

Hi,

how to use store to sync with server when using a Tree ?

I tried to use TreeStore but it does not have any appendChild oder addChild.
NodeInterface has a appendChild method but it does not sync with the server trough the store or proxy...

Any ideas ?

1. You add records into TreeStore through its nodes. The following example shows how to add a node into root node.

Code:

---

treestore.getRootNode().appendChild({text: 'node', leaf: true....});

---

2. To sync TreeStore to with server, you use treestore.sync() or set its autoSync to true to automatically sync.

It works actually very well.

I just have a problem because the autoSync does not work even though it's set to true...

Quote:

---

var store = Ext.getStore('MyStore');
store.getNodeById(id).remove(); // No Ajax here
store.sync(); // Ajax..

---

I also tried destroy(), but it produces an error and I can't figure out which line produces it:

Quote:

---

TypeError: Cannot call method 'indexOf' of undefined

---

Below is my fix in removing a node.

Code:

---

var store = Ext.getStore('MyStore');
// store.getNodeById(id).remove(); // No Ajax here
var node = store.getNodeById(id);
node.parentNode.removeChild(node);
store.sync(); // Ajax..

---

I works, but it's not autoSync :(

I would like to have autoSync

Which version do you use? TreeStore.autoSync has effect only from Ext 4.1.

Hi, I used 4.0.7. I just try 4.1 and it works well.

I'm using a Rest Proxy, but I think it's not 100% rest.

The GET Request looks like Ajax one, it has Query String parameter, I thought the node would be in the url and not as Query. And for POST I would expect something like:
http://<url>/<Parent Resource ID> but it's only http://<url>.

Here are the POST, GET, DELETE Request:

Code:

---

    "method": "POST",    "url": "http://localhost:3000/fs2http?_dc=1334301544571",
    "httpVersion": "HTTP/1.1",
    "queryString": [
      {
        "name": "_dc",
        "value": "1334301544571"
      }
    ],
    "postData": {
      "mimeType": "application/json",
      "text": "{

• "id":"",


• "type":"dir",


• "status":"",


• "text":"test2",


• "parentId":"4f86955df24634440f000014/home/ec2-user",


• "leaf":false

}"
    }




    "method": "DELETE",
    "url": "http://localhost:3000/fs2http/4f86955df24634440f000014/home/ec2-user/test?_dc=1334301534009",
    "queryString": [
      {
        "name": "_dc",
        "value": "1334301534009"
      }
    ],
    "postData": {
      "mimeType": "application/json",
      "text": "{

• "id":"4f86955df24634440f000014/home/ec2-user/test",


• "type":"",


• "status":"",


• "text":"test",


• "parentId":"4f86955df24634440f000014/home/ec2-user",


• "leaf":false

}"
    }


    "method": "GET",
    "url": "http://localhost:3000/fs2http?_dc=1334301520558&node=4f86955df24634440f000014%2Fhome&sort=%5B%7B%22property%22%3A%22text%22%2C%22direction%22%3A%22ASC%22%7D%5D",
    "queryString": [
      {
        "name": "_dc",
        "value": "1334301520558"
      },
      {
        "name": "node",
        "value": "4f86955df24634440f000014/home"
      },
    ],

---