easyui的treegrid能显示但不能铺展
easyui的treegrid能显示但不能展开
现在显示是这样子的：
这两个都有子节点的，只是子节点都没有显示出来
我的json是这样的：
前台代码就这个
请问我这个为什么只显示成列表而不是显示成树状的？该怎么解决？
------解决思路----------------------
你的json里面的数据不是树形的，树形结构至少要有Id和parentId，楼主百度一下例子看看
------解决思路----------------------
不是告诉你了，子节点名称改为chidren
现在显示是这样子的：
这两个都有子节点的，只是子节点都没有显示出来
$(function () {
$('#DataGrid').treegrid({
title: 'TreeGrid',
iconCls: 'icon-save',
width: 700,
height: 350,
nowrap: false,
rownumbers: true,
animate: true,
collapsible: true,
url: 'getdata.aspx',
idField: 'Id',
treeField: 'Id',
frozenColumns: [[
{
title: 'Id', field: 'Id', width: 200,
formatter: function (value) {
return '<span style="color:red">' + value + '</span>';
}
}
]],
columns: [[
{ field: 'ViewName', title: 'ViewName', width: 150 },
//{ field: 'addr', title: 'Address', width: 220, rowspan: 2 },
//{ field: 'col4', title: 'Col41', width: 150, rowspan: 2 }
]],
onBeforeLoad: function (row, param) {
if (row) {
$(this).treegrid('options').url = 'getdata.aspx;
} else {
$(this).treegrid('options').url = 'getdata.aspx';
}
},
onContextMenu: function (e, row) {
e.preventDefault();
$(this).treegrid('unselectAll');
$(this).treegrid('select', row.code);
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
}
});
});
function reload() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
$('#DataGrid').treegrid('reload', node.code);
} else {
$('#DataGrid').treegrid('reload');
}
}
function getChildren() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
var nodes = $('#DataGrid').treegrid('getChildren', node.code);
} else {
var nodes = $('#DataGrid').treegrid('getChildren');
}
var s = '';
for (var i = 0; i < nodes.length; i++) {
s += nodes[i].code + ',';
}
alert(s);
}
function getSelected() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
alert(node.code + ":" + node.name);
}
}
function collapse() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
$('#DataGrid').treegrid('collapse', node.code);
}
}
function expand() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
$('#DataGrid').treegrid('expand', node.code);
}
}
function collapseAll() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
$('#DataGrid').treegrid('collapseAll', node.code);
} else {
$('#DataGrid').treegrid('collapseAll');
}
}
function expandAll() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
$('#DataGrid').treegrid('expandAll', node.code);
} else {
$('#DataGrid').treegrid('expandAll');
}
}
function expandTo() {
$('#DataGrid').treegrid('expandTo', '02013');
$('#DataGrid').treegrid('select', '02013');
}
var codeIndex = 1000;
function append() {
codeIndex++;
var data = [{
code: 'code' + codeIndex,
name: 'name' + codeIndex,
addr: 'address' + codeIndex,
col4: 'col4 data'
}];
var node = $('#DataGrid').treegrid('getSelected');
$('#DataGrid').treegrid('append', {
parent: (node ? node.code : null),
data: data
});
}
function remove() {
var node = $('#DataGrid').treegrid('getSelected');
if (node) {
$('#DataGrid').treegrid('remove', node.code);
}
}
})
我的json是这样的：
[
{
"Id": 1,
"Grade": "一年级",
"ClassRank": "(18)班",
"Education": "传智播客",
"School": [
{
"Id": 1,
"Grade": "一年级",
"ClassRank": "(18)班",
"Education": "传智播客",
"School": [],
"ViewName": "(18)班"
},
{
"Id": 2,
"Grade": "一年级",
"ClassRank": "(13)班",
"Education": "传智播客",
"School": [],
"ViewName": "(18)班"
}
],
"ViewName": "一年级"
},
{
"Id": 3,
"Grade": "六年级",
"ClassRank": "(11)班",
"Education": "传智播客",
"School": [
{
"Id": 3,
"Grade": "六年级",
"ClassRank": "(11)班",
"Education": "传智播客",
"School": [],
"ViewName": "(11)班"
}
],
"ViewName": "六年级"
}
]
前台代码就这个
<table id="DataGrid"></table>
请问我这个为什么只显示成列表而不是显示成树状的？该怎么解决？
------解决思路----------------------
你的json里面的数据不是树形的，树形结构至少要有Id和parentId，楼主百度一下例子看看
------解决思路----------------------
不是告诉你了，子节点名称改为chidren