应用程序中很多地方都能用到树形控件，树形结构数据使用树形控件可以进行直观的展示。

<ul id="tree"></ul> 
//初始化数据
$('#tree').tree({
          checkbox: true,
          lines: true,
          url: '/System/GetTreeJson',
          onLoadSuccess: function (node, data) {
                 //加载成功需要执行的事件                            
          }
});

StringBuilder result = new StringBuilder();
StringBuilder sb = new StringBuilder();        
public ActionResult GetTreeJson()
{
    var list = db.SYS_MENU.ToList();
    GetTreeJson(list, "id", "name", "ROOT");
    return Content(result.ToString());
}
/// <summary>
/// 根据List生成Json树结构
/// </summary>
/// <param name="list">数据源</param>
/// <param name="id">ID列</param>
/// <param name="text">Text列</param>
/// <param name="pId">父ID</param>
private void GetTreeJson(List<SYS_MENU> list, string id, string text, string pId)
{
    result.Append(sb.ToString());
    sb.Clear();
    if (list.Count > 0)
    {
        sb.Append("[");
        var rootList = db.SYS_MENU.Where(c => c.PARENTID == pId).ToList();
        if (rootList.Count > 0)
        {
            foreach (SYS_MENU row in rootList)
            {
                sb.Append("{\"id\":\"" + row.ID + "\",\"text\":\"" + row.NAME + "\",\"state\":\"open\"");
                var kidList = db.SYS_MENU.Where(c => c.PARENTID == row.ID).ToList();
                if (kidList.Count > 0)
                {
                    sb.Append(",\"children\":");
                    GetTreeJson(kidList, id, text, row.ID);
                    result.Append(sb.ToString());
                    sb.Clear();
                }
                result.Append(sb.ToString());
                sb.Clear();
                sb.Append("},");
            }
            sb = sb.Remove(sb.Length - 1, 1);
        }
        sb.Append("]");
        result.Append(sb.ToString());
        sb.Clear();
    }
}

属性

事件

很多事件的回调函数需要 'node' 参数，它包括下列属性：

• id：绑定到节点的标识值。
• text：要显示的文本。
• iconCls：用来显示图标的 css class。
• checked：节点是否被选中。
• state：节点状态，'open' 或 'closed'。
• attributes：绑定到节点的自定义属性。
• target：目标的 DOM 对象。

方法