Вобщем, всё получилось с использованием простенькой jquery.treeview (с jstree хрен разберёшься - ковырял-ковырял, да невыковырял) и Нокаута.
Только вопрос остался. Вот у меня функция вызывается на каждый клик по ссылке и на каждый такой клик отправляется JSON, который и приходит в виде data в эту функцию. Но при первой загрузке страницы у меня собственно нет модели представления, т. к. я использую автомаппинг (плагин mapping для Нокаута) и эту модель мне этот маппинг создаёт. Как лучше обработать эту ситуацию - ведь после первого запроса модель уже создана и её можно использовать и дальше. Мне для этого пришлось ввести переменную firstQuery, нужную для создания модели при первом запросе. На последующих запросах я только перебайндингую свойства модели.
Второй вопрос. Вызывать каждый раз applyBindings надо, т. к. mapping.fromJS каждый раз возвращает новый объект. Чтобы вызывать эту функцию только один раз (т. е. затолкать её в блок if (firstQuery == true) ), надо самому ручками создать обычную модель представления и ручками же каждый раз обновлять её свойства:
http://stackoverflow.com/a/15385398/808128 . Ну, а поскольку я уж использую автомаппинг, то вот - на каждый запрос applyBindings. Может, можно как-то разрулить эту ситуацию, чтобы и руками модель не создавать, и applyBindings на каждый запрос не вызывать?
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<script type="text/javascript">
function (data)
{
if (firstQuery == true)
{
viewModel = ko.mapping.fromJS(data);
firstQuery = false;
}
ko.mapping.fromJS(data, viewModel);
ko.applyBindings(viewModel, document.getElementById("article"));
}
var firstQuery = true;
var viewModel;
</script>
По второму вопросу пока придумал только при создании страницы отправить сразу асинхронный запрос на сервер и вызвать mapping.fromJS(data), а затем applyBindings - т. е. ещё до первого пользовательского ввода - тем самым создать модель представления с привязками, которую уже затем использовать на каждый запрос пользователя с перегрузкой mapping.fromJS(data, viewModel). Как вам такое решение?
