Вопрос по алгоритму решения задачи с деревом каталогов(backbone желательно)
 

Добрый день.
Хочу сделать сделать следующий скрипт:
В левой части будет рисоваться дерево каталогов, стандартный набор рекусривных ul-li. При клике на один из ul этого набора, в правой части будет отображаться все его li елементы, которые можно будет изменять.
Хочу все это реализовать на backbone.
Может кто делал подобное и поделится опытом и подводными камнями?
Я вижу алгоритм примерно следующий: дерево каталогов в левой части придется рисовать по единому объекту - tree_data. Делать рекурсивные коллекции объектов из элементов tree_data и выводить их через render, мне кажется - невыполнимая задача, хотя могу и ошибаться.
При выборе одного элемента из дерева(в левой части), в правой части отражаются все его li. При изменении данных в li, нужно чтобы данные сразу же менялись и в дереве слева. Тут на ум приходит только проход с помощью jquery по дереву и замена данных в DOM элементах, а сам объект tree_data пока не трогать.А может есть аналог метода $().find, чтобы рекурсивно пройтись по tree_data, найти нужный элемент и изменить, а затем через событие установленное на tree_data - "change:tree_data" перерисовать само дерево в браузере(render) в левой части, хотя видимо это будет дольше по времени.
Возможен ли алгоритм попроще или совершенно другой подход к решению задачи?