Я строю дерево с помощью плагина jsTree с ASP.NET MVC 4. Вот мой код, прежде чем я уточню:
HTML:
<div id="MainTree"></div>
<div onclick="$load();">Load Tree</div>
JavaScript:
$load = function(){
$('#MainTree').jstree({
"json_data": {
"ajax": {
"url": "/Home/GetTreeData",
"type": "POST",
"dataType": "json",
"contentType": "application/json charset=utf-8"
}
},
"themes": {
"theme": "default",
"dots": false,
"icons": true,
"url": "/content/themes/default/style.css"
},
"plugins": ["themes", "json_data", "dnd", "contextmenu", "ui", "crrm"]
});
}
Контроллер:
[HttpPost]
public JsonResult GetTreeData()
{
JsTreeModel rootNode = new JsTreeModel(); // Breakpoint here, never triggered
rootNode.attr = new JsTreeAttribute();
rootNode.data = "Root";
string rootPath = "Test";
rootNode.attr.id = rootPath;
JsTreeModel t1 = new JsTreeModel();
t1.attr.id = "1";
JsTreeModel t2 = new JsTreeModel();
t2.attr.id = "2";
JsTreeModel t3 = new JsTreeModel();
t3.attr.id = "3";
rootNode.children.Add(t1);
rootNode.children.Add(t2);
rootNode.children.Add(t3);
return Json(rootNode);
}
Когда я нажимаю кнопку «Загрузить дерево», запускается $load()
, и в отладке Firefox он запускается без ошибок. Дерево <div>
меняется с:
<div id="MainTree"></div>
to
<div role="tree" class="jstree jstree-1 jstree-default jstree-default-responsive jstree-leaf" id="MainTree">
<ul class="jstree-container-ul"></ul>
</div>
Я установил точку останова в контроллере, отмеченную в комментарии, которая никогда не срабатывает; то есть вызов контроллера никогда не кажется сделанным. Мой HomeController.cs
без синтаксических ошибок.
Я что-то упустил здесь?