这是使用 JavaScript 函数显示 jqGrid 树的方法。
$(document).ready(function() {
TreeDemo.setupGrid($("#tree"));
});
TreeDemo = {
data: { A: ["A1", "A2"], B: ["B1", "B2"] },
setupGrid: function(grid) {
grid.jqGrid({
colNames: ['Name'],
colModel: [
{ name: 'Name', index: 'Name', width: "250em" }
],
datatype: TreeDemo.treeData,
loadui: "none",
sortname: 'Number',
treeGrid: true,
treeGridModel: "adjacency",
sortorder: "asc"
})
},
treeData: function(postdata) {
var items = postdata.nodeid ? TreeDemo.data[postdata.nodeid] : TreeDemo.data;
var i = 0;
var rows = new Array();
for (val in items) {
var isLeaf = postdata.nodeid != undefined;
rows[i] = {
Name: val,
Id: val,
level: postdata.nodeid ? 1 : 0,
parent: postdata.nodeid || null,
isLeaf: isLeaf ? "true" : "false",
expanded: "false"
}
i++;
}
$("#tree")[0].addJSONData({
Total: 1,
Page: 1,
Records: 2,
Rows: rows
});
}
};
请注意,您可以通过多种方式执行此操作,而我的示例只是其中之一。
我将 JSON 转换为 JS var 的方法是:
- 编写一个 HTML Helper,它会向页面发出一个简短的脚本。
JavaScriptResult
如果由于某种原因不能内联数据,请编写一个返回 a 的操作以获取文件中的数据。
您使用 .NET JavaScript 序列化程序创建 JSON。查看JsonResult.ExecuteResult
MVC 源代码中的示例。