Как обновить данные с помощью компонента TreeStore или TreeEditor? - PullRequest
8 голосов
/ 02 мая 2011

Я использую Tree.Panel и TreeStore компонент. Я использую файл JSON для хранения своих данных, но я хотел бы знать, как обновить мои данные с помощью TreeStore?!

Я объясняю свою проблему: у меня на странице 2 компонента:

Tree.Panel, который отображает данные с TreeStore и Panel для редактирования данных, потому что я не нахожу, как редактировать дерево напрямую?!

Я хочу использовать кнопку «Отправить» для обновления данных в моем дереве, но я не понимаю, как это сделать?!

Если это возможно?!

Я не понимаю, как я могу добавить новый узел, обновить узел и удалить узел?!

Или, может быть, существует компонент TreeEditor?!

Большое спасибо, чтобы помочь:)

1 Ответ

9 голосов
/ 21 мая 2011

Я думаю, нам еще предстоит увидеть компонент TreeEditor. Но есть способы манипулировать существующим деревом. Вы должны иметь возможность добавлять, обновлять, удалять узлы дерева, используя методы NodeInterface .

У вас есть такие методы, как:

  • AppendChild
  • insertChild
  • InsertBefore
  • RemoveChild
  • replaceChild

и т.д ...

Вот пример кода, как вы можете добавить новый узел в ваше дерево:

var node = myTreeStore.getRootNode();

node.appendChild({
    text: 'A New node'
});

Точно так же вы можете использовать другие методы для управления деревом. Чтобы вставить узел в определенное место, вам нужно будет использовать insertChild. Для этого метода вам также потребуется указать местоположение.

Короче говоря, точка доступа для редактирования вашего дерева - это метод getRootNode() вашего TreeStore.

...