将模型发送到Jquery

本文关键字：Jquery 模型 | 更新日期: 2023-09-27 18:21:04

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

$（'#MyTree'）.tree（｛dataSource:dataSource｝）

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

将模型发送到Jquery

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

<script>
$(dcoument).ready(function(){
var datasource = @ViewBag.JsonModel;
$('#MyTree').tree({ dataSource: dataSource });
});
</script>

现在您需要在操作中填充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});
相关文章：