采用了框架结构:http://blog.csdn.net/hugaozhuang/article/details/8998557
在页面js部分,书写即可:
//获取菜单 20130723 H
function GetMenu(jsonData, scope) {
if (jsonData) {
var pushData = eval('(' + jsonData + ')');
$("#divMenu").ligerTree({
width: '500px;',
data: pushData,
checkbox: false, //是否显示复选框
parentIcon: null, //非叶节点的图标
childIcon: null, //叶节点的图标
single: true, //是否单选
idFieldName: 'No',
textFieldName: 'Name',
parentIDFieldName: 'ParentNo', //父节点
slide: true, //是否以动画的形式显示
btnClickToToggleOnly: true //是否点击展开/收缩 按钮时才有效
//isexpand:是否展开
});
}
}
重点是,tree也可以用动态数据源的形式,进行绑定。
前台代码部分:
<div id='divMenu'></div>
此树的弊点在于:如果树的节点叶子过长,将会被截断或换行展示。
(我在调试时,树的宽度一直134px,调整树中span的宽度,也不能解决;)
另介绍span宽度的调整方案:
span {
background-color:#ffcc00;
display:-moz-inline-box;
display:inline-block;
width:150px;
}