Вставьте узел в определенное место в Ext.tree.panel

Я пытаюсь изменить этот пример ext js treegrid: http://dev.sencha.com/deploy/ext-4.0.1/examples/tree/treegrid.html

Все, что я хочу, - это добавить узел в определенном месте.

Я пробовал следующее:

 var treePanel = Ext.getCmp('treePanel');
 var selNode = treePanel.getSelectionModel().getSelection()[0];
 var appendedChild = selNode.appendChild({
                       task: 'Task1',
                       user: 'Name',
                       duration: '10',
                       leaf: true
                     });

Ошибок не возникает, но пользовательский интерфейс не обновляется. То же самое с selNode.insertChild (0, .. Он работает без ошибок, но пользовательский интерфейс не обновляется.

Каким-то образом это работает :

var node = treePanel.store.getRootNode();
node.appendChild({
                    task: 'Task3',
                    user: 'Name',
                    duration: '10',
                    leaf: true
                });

Итак, как мне добавить / вставить в определенное место на основе выбора пользователя .

Вот как выглядит мой полный код: http://jsfiddle.net/4T68s/
Я изменил хранилище на статические данные, потому что кроссдоменный запрос на получение данных json не работал.