插件帮助文档 --- zTree
官方网站:
http://baby666.cn/hunter/index.html
http://www.baby666.cn/v3/api.php API文档
插件描述:
功能强大的Tree控件.
说明:
12320项目原本使用的jquery.treeview插件,此插件需要自己实现html标签的编写,
插件使用:
一、 在ThinksKing的Plugins里面找到JQuery zTree v3.0 beta,将Js和Css添加到项目中。
二、 使用zTree:
1.1 添加Jquery和zTree的引用。
<link href="http://www.cnblogs.com/Content/zTree/zTreeStyle.css" rel="stylesheet" type="text/css" />
<script src="http://www.cnblogs.com/Scripts/Plugin/ZTree/jquery.ztree.core-3.0.min.js" type="text/javascript"></script>//核心代码
<script src="http://www.cnblogs.com/Scripts/Plugin/ZTree/jquery.ztree.excheck-3.0.min.js" type="text/javascript"></script>// checkbox扩展
1.2 添加zTreeNode类(PS:注意大小写,对应参数要与文档中一致,否则需要对应参数容易出错,如果报null错,一般是参数对应出错):
public class ZTreeNode
{
public string id { get; set; }
public string pId { get; set; }
public string name { get; set; }
public string url { get; set; }
public string target { get; set; }
}
1.3 异步调用
脚本代码:
var url = '<%=Url.Action("GetGroups","ContactPerson") %>';
var zTreeObj = null;
var setting = {
check: { //开启checkbox选项
enable: true,
chkBoxType: { "Y": "s", "N": "s" }//参看api
},
async: { //开启异步
enable: true,
url: url
},
data: {//参看api
key: {
},
simpleData: { //简单数据模式
enable: true
}
}
};
$(document).ready(function() {
('#tree'), setting);
zTreeObj = $.fn.zTree.getZTreeObj("tree");
});
zTreeObj为父窗体的全局变量,可以在iframe的子窗体中使用:window.parent.zTreeObj 获取此对象.
页面代码:
<ul id="tree" class="ztree"></ul>
控制器代码:
/// <summary>
/// 获取用户组
/// </summary>
/// <returns></returns>
public ActionResult GetGroups()
{
List<SM_Group> groups = ShortMessageHelper.GetGroups(User.Id);
List<ZTreeNode> nodes = new List<ZTreeNode>();
foreach (var item in groups)
{
ZTreeNode zNode = new ZTreeNode();
zNode.id = item.GroupId.ToString();
zNode.name = item.GroupName;
zNode.url = Url.Action("SearchContactPerson", "ContactPerson", new { groupId = item.GroupId });
zNode.pId = "";
if (item.ParentId.HasValue)
zNode.pId = item.ParentId.ToString();
zNode.target = "mainFrame";
nodes.Add(zNode);
}
return Json(nodes);
}
作 者:doku
出 处:http://www.cnblogs.com/kulong995/
关于作者:喜欢编程,喜欢美食,专注于.NET项目开发。
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?