zTree -- jQuery 树插件的使用包括添加、编辑(MVC)
zTree -- jQuery 树插件网址:https://www.treejs.cn/v3/main.php#_zTreeInfo自行下载所需要的文件
我自己写的一些具体示例：
使用的.netCore 6 后端使用的ORM框架SqlSugar的中的ToTreeAsync方法返回的需要的数据格式，如果没用SqlSugar可以自己写递归来完成
public async Task<ResultDto<List<DepartmentDto>>> GetZreeInfo(long pId)
{
try
{
var tree = await _db.Queryable<DepartmentModel>().Select(x=>new DepartmentDto()).ToTreeAsync(it => it.children, it => it.Dep_Pid, 0);
return new ResultDto<List<DepartmentDto>>
{
code = 0,
data = tree,
msg = "",
count = tree.Count,
};
}
catch (Exception)
{
throw;
}
}具体的一些文件的引用根据自己的实际情况去引用
https://img2023.cnblogs.com/blog/3201874/202307/3201874-20230721210326592-945409582.png
接下来就是怎么去在MVC中去使用
首先是去写添加的时候
<label >责任科室:</label>
<input type="text" id="selectedNode" name="Dep_Names" readonly >
<button type="button"onclick="openTree()">选择</button>
这段代码写在你的form表单中你需要的位置即可，注意标签中的name是你数据库中所定义的你需要添加的值的名称
最后根据中的代码具体的参考去完成
接下来是编辑
同样的去复制你的添加界面的代码 只不过我在这里使用到了 asp-for来进行数据回显，你可以根据你自己的方式去实现
<input type="text" id="selectedNodeId" asp-for="Dep_Ids" readonly >
<input type="hidden" asp-for="Ope_Password" />
<input type="hidden" asp-for="Ope_Id" />
<buttonlay-submit lay-filter="formDemo" id="formDemo">添加</button>
<button type="reset" >重置</button>
代码仅供参考，具体的实现可以参考上面的网址和代码。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]