正文
jquery的ztree,JQuery是什么
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery的树形控件ztree怎么用怎么导入
zTree是最流行的一款jquery树形控件。 zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步...
相关问答
Q1: jquery 怎样获得选中的ztree项？
获取复选框/单选框选中的节点：
var checkedNodes = zTreeObj.getCheckedNodes();
获取光标选中的(selected)
var selectedNodes = zTreeObj.getSelectedNodes();
上面两个函数获取到的都是数组，你可以 console.log(checkedNodes) ，调试看一下。
延展回答：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
在构造jQuery对象模块中，如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式，则会调用选择器Sizzle（一款纯JavaScript实现的CSS选择器引擎，用于查找与选择器表达式匹配的元素集合）遍历文档，查找与之匹配的DOM元素，并创建一个包含了这些DOM元素引用的jQuery对象。
Q2: jquery怎么获取点击的ztree树
zTree的jquery树插件就可以生成树了。
1、setting 配置信息说明
普通使用，无必须设置的参数
与显示相关的内容请参考 API 文档中 setting.view 内的配置信息
name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息
2、treeNode 节点数据说明
标准的 JSON 数据需要嵌套表示节点的父子包含关系
例如：
var nodes = [
{name: "父节点1", children: [
{name: "子节点1"},
{name: "子节点2"}
]}
];
默认展开的节点，请设置 treeNode.open 属性
Q3: jquery.ztree.js怎么使用
1.在页面引入相应的css和js文件
link href="@Url.Content("~/Themes/wsfx/ztree/css/demo.css")" rel="stylesheet" /
link href="@Url.Content("~/Themes/wsfx/ztree/css/zTreeStyle/zTreeStyle.css")" rel="stylesheet" /
script src="@Url.Content("~/Themes/wsfx/ztree/js/jquery-1.4.4.min.js")"/script
script src="@Url.Content("~/Themes/wsfx/ztree/js/jquery.ztree.core.js")"/script
script src="@Url.Content("~/Themes/wsfx/ztree/js/jquery.ztree.excheck.js")"/script
script src="@Url.Content("~/Themes/wsfx/ztree/js/ztree.js")"/script
2.html代码
div id="menuContent" class="menuContent"
ul id="treeDemo" class="ztree"/ul
/div
3.渲染ztree树
script type="text/javascript"
setSPRSelectData();
//ajax请求数据
function setSPRSelectData() {
//树代码
zNodes = [];
$.ajax({
url: "@Url.Content("~/Official/GetApprover")",
cache: false,
async: true,
success: function (result) {
var firstResult = $.grep(result.data, function (n, i) {
return n.SZJG == 0;
});
var secondResult = $.grep(result.data, function (n, i) {
return n.SZJG 0;
});
$.each(firstResult, function (index, firstValue) {
if (firstValue.SZJG == 0) {
var firstNode = { id: firstValue.KeyId, pId: 0, name: firstValue.XM, open: false, nocheck: true, isParent: true };
zNodes.push(firstNode);
$.each(secondResult, function (index, secondValue) {
if (secondValue.SZJG == firstValue.RYBS) {
var secondNode = { id: secondValue.RYBS, pId: firstValue.KeyId, name: secondValue.XM, isParent: false };
zNodes.push(secondNode);
}
});
}
});
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}
});
}
/script
Q4: jquery ztree 页面跳转
弹出新窗口用window.open ('page.html')
跳转到心页面用window.location.href="login.jsp“;
就放在点击节点出发事件里就行了
原来的 $("#otherpage").attr("src","pages/configInfo.jsp").css("display","");是改变ifram的意思
