C# 将模型发送到Jquery

我想使用jquery插件在我的mvc视图中创建树。要使用此插件，我必须向插件发送数据，并附带下一个代码：

$（'#MyTree'）.tree（{dataSource:dataSource}）

---

我不知道如何将视图中的模型对象作为参数发送到插件。数据必须具有什么结构？

您需要将模型转换为Json，并将转换后的对象用作数据源：

<script>
$(dcoument).ready(function(){

var datasource = @ViewBag.JsonModel;
$('#MyTree').tree({ dataSource: dataSource });

});
</script>

下面是一个树插件示例：

 // INITIALIZING TREE
var treeDataSource = new TreeDataSource({
data: [
{ name: 'Test Folder 1', type: 'folder', additionalParameters: { id: 'F1' } },
{ name: 'Test Folder 2', type: 'folder', additionalParameters: { id: 'F2' } },
{ name: 'Test Item 1', type: 'item', additionalParameters: { id: 'I1' } },
{ name: 'Test Item 2', type: 'item', additionalParameters: { id: 'I2' } }
],
delay: 400
});
$('#MyTree').tree({dataSource: treeDataSource}); 

---

我的模型必须具有哪些属性？插件文档中没有关于它的任何信息。看，我已经在我的响应中添加了树示例。我刚刚尝试了你的解决方案。我遇到错误“无法获取未定义或空引用的属性'fn'。也许json数据中需要一些附加属性？下面是示例页面链接。它包含Tree.js的worling示例，看看源代码（我更喜欢firebug）

 // INITIALIZING TREE
var treeDataSource = new TreeDataSource({
data: [
{ name: 'Test Folder 1', type: 'folder', additionalParameters: { id: 'F1' } },
{ name: 'Test Folder 2', type: 'folder', additionalParameters: { id: 'F2' } },
{ name: 'Test Item 1', type: 'item', additionalParameters: { id: 'I1' } },
{ name: 'Test Item 2', type: 'item', additionalParameters: { id: 'I2' } }
],
delay: 400
});
$('#MyTree').tree({dataSource: treeDataSource});