将模型发送到Jquery

我想使用Fuelux jquery插件在我的mvc视图中创建树。 要使用此插件,我必须使用下一个代码将数据发送到插件:

$(’#MyTree’)。tree({dataSource:dataSource})

我不知道如何将我的模型对象作为参数发送到插件中。 数据必须具有哪些结构?

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

 

现在,您需要在操作中填充ViewBag.JsonModel:

 public ViewResult YourActionName() { // your logic on getting model ViewBag.JsonModel = //convert model to json using jsonserializer } 

这是树插件示例:

  // 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});