easyui的combotree以及tree，c#后台异步加载的详细介绍

最新推荐文章于 2022-05-07 21:47:48 发布

weixin_33893473

最新推荐文章于 2022-05-07 21:47:48 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： javascript c# json ViewUI

原文链接：http://www.cnblogs.com/fuyanzheng/p/5842126.html

本文介绍了一种使用EasyUI框架中的Combotree组件实现动态加载树形结构的方法。前端通过JavaScript设置Combotree的基本属性，并指定数据加载路径；后端通过C#接收请求并返回相应节点的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<p>

前端页面js：就是这么简单暴力

///获取combotree的方法
function GetTree() {
$("#tree").combotree({

width: 175,
url: '/OrganizationManager/Permission/GetTree',
valueField: 'id',
textField: 'text',
editable: false
});

}

控制器以及数据访问层：

public JsonResult GetTree()
{

string parentNodeId = Request["id"] ?? null;//easyui 会每展开一个节点，往后端传一个·id

if (string.IsNullOrEmpty(parentNodeId))
{
parentNodeId = "0";
}
List<Model.RunUI.TreeModule> Toptree = bllper.GetSubNodes(parentNodeId);

return Json(Toptree, JsonRequestBehavior.AllowGet);

}

/// <summary>
/// * 获取菜单的树的方法*
/// </summary>
/// <param name="parentNodeId"></param>
/// <returns></returns>
public List<Model.RunUI.TreeModule> GetSubNodes(string parentNodeId)
{
string sql = "select * from Per_Module ";
DataTable dt = DbHelperSQL.Query(sql).Tables[0];
List<Model.RunUI.TreeModule> Tree = new List<Model.RunUI.TreeModule>();
Model.RunUI.TreeModule TM = null;
if (dt != null && dt.Rows.Count > 0)
{
DataRow[] rows = dt.Select("ParentModuleID ='" + parentNodeId + "'");

foreach (DataRow item in rows)
{
string id = item["ModuleID"].ToString();
string text = item["Name"].ToString();
TM = new TreeModule();

DataRow[] IsNulRows = dt.Select("ParentModuleID ='" + id + "'");

if (IsNulRows.Length > 0)
{
TM.state = "closed";//这个很关键，此节点为closed状态，才可以展开，才能往后台传你点击的id 看到Combotree的异步加载Demo，发现treegrid_data.json中 state="closed" 属性能把点击展开的节点Id传到后台中
}

TM.id = id;
TM.text = text;

Tree.Add(TM);
}
}
return Tree;
}

model：类：

public class TreeModule
{

public string id { get; set; }

public string text { get; set; }

public string state { get; set; }
}

就是这么简单暴力

</P>

转载于:https://www.cnblogs.com/fuyanzheng/p/5842126.html