ligerTree的绑定

采用了框架结构：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;
}