我想使用Fuelux jquery 插件在我的 mvc 视图中创建树。要使用这个插件,我必须使用下一个代码将数据发送到插件:
$('#MyTree').tree({ dataSource: dataSource })
我不知道如何将我的模型对象作为参数发送给插件。数据必须有什么结构?
我想使用Fuelux jquery 插件在我的 mvc 视图中创建树。要使用这个插件,我必须使用下一个代码将数据发送到插件:
$('#MyTree').tree({ dataSource: dataSource })
我不知道如何将我的模型对象作为参数发送给插件。数据必须有什么结构?
您需要将模型转换为 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});