我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

包含jqueryztree的词条

jquery ztree 在一个页面有两个树,怎么让点击一个树的节点,让另一个树选中几个节点并且勾

// 初始化tree1之前为其绑定点击时的函数为tree1OnClick

在汝城等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计制作、成都网站制作 网站设计制作定制网站设计,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销推广,成都外贸网站建设公司,汝城网站建设费用合理。

function tree1OnClick(event, treeId, treeNode) {

var param = treeNode.attribute; // attribute为需要选中tree2中节点的参数,可自行设置,可以用treeNode.name、treeNode.id等,自己根据具体情况选取

var tree2 = $.fn.zTree.getZTreeObj("tree2Id");//tree2的ul的id

var nodes = tree2.getNodesByParam("attr", param);// 找出tree2中节点的attr属性等于param的节点

for (var i in nodes) {

tree2.checkNode(nodes[i], true, true);// 第一个true表示选择节点,第二个true表示父子节点级联选择

}

}

jquery 的ztree 同步和异步混合加载树节点怎么实现

// 异步返回后执行的函数可以这么写

function(childNodes) {

var treeObj = $.fn.zTree.getZTreeObj("tree");// 传入参数为ul的id

var parentNode = treeObj.getNodeByParam("id", childNodes[0].pId);// 也可以用其他方式获得父节点

treeObj.addNodes(parentNode, childNodes);

}

用jquery ztree 怎样实现点击父节点固定个数的子节点也被选中

query ztree 当前父节点下增加子节点问题_点击事件增加子节点

一、功能描述:利用jQuery ztree3.1版本插件做导航树形菜单时,页面打开先加载二级菜单,通过点击事件,异步加载的方式,在添加当前父节点的子节点。

二、初始步骤:

1.按照文档要求,导入jquery包,ztree插件包3.1版本;

2.编写相应的jsp页面代码

三、遇到问题:

1、通过chrome调试的时候,提示:addNodes不是当前jquery对象treeObj的方法。但是在api文档里确实存在这个方法。

2、经过很长时间的摸索,开始把ztree-core.js插件换成高版本的,结果addNodes好用了,但是没有了菜单的图标,而且所有的都是异步加载。

四、解决问题:

原因:最后在3.2版本更新日志中,发现这么一句话:

* 【修改】代码结构,将 addNodes、removeNode、removeChildNodes 方法 和 beforeRemove、onRemove 回调 转移到 core 内。

最终领悟,原来3.2版本之前的addNodes。。。等一些方法在ztree.exedit.js中,而且在3.1文档中,方法前也有E字母标识。

所以只要引入jquery.ztree.exedit-3.1.js 包,即可解决这个问题。

五、总结

粗心浪费了好多时间,注意API中的小细节。

这是jqueryztree 各个版本的URL:,供大家参考。

六、jsp代码,只需要加入jquery.ztree.exedit-3.1.js ,url换了即可。

%@ page language="java" import="java.util.*" pageEncoding="utf-8"%

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""

html

head

title机构维护/title

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

link rel="stylesheet" href="../zTreeStyle/zTreeStyle.css" type="text/css"/

script type="text/javascript" src="../jquery-1.4.2.js"/script

script type="text/javascript" src="../jquery.ztree.core-3.1.js"/script

script type="text/javascript"

/head

body

div

ul id="orgTree" class="ztree" style="width:230px; overflow:auto;"/ul

/div

script type="text/javascript"

//配置setting

var ztreeObj,

setting = {

async: {

enable: true,//开启异步加载模式

contentType: "application/json", //Ajax 提交参数的数据类型。

type: "post",

dataType: "text",//Ajax 获取的数据类型

"url" : "${pageContext.request.contextPath}/org/makeOrgTree.action",

//自动提交当前节点的id

//假设 异步加载 父节点(node = {id:1, name:"test"}) 的子节点时,将提交参数 id=1

autoParam: ["id"]

},

//Ajax 返回的数据格式中,页面主要参数的设置

data: {

simpleData: {

enable: true,

idKey: "id",

pIdKey: "pid",

rootPid: "0"

}

},

//树形图动作

view: {

expandSpeed: "fast", //节点展开的速度

selectedMulti: false //设置是否允许同时选中多个节点。

},

//回调函数的设置

callback: {

onClick: zTreeOnClick //点击事件,当点击节点,做的事情。

}

};

/**

* 初始化树形菜单

*/

$(function(){

ztreeObj = $.fn.zTree.init($("#orgTree"),setting);

});

//点击事件的处理

function zTreeOnClick(event,treeId,treeNode){

pid =treeNode.id;

var data = {"org.id":pid};

$.ajax({

url:"${pageContext.request.contextPath}/org/makeOrgTreeAgain.action",

type: "post",

dataType: "json",

data: data,

cache: false,

success: function(jsonArray){

var treeObj = $.fn.zTree.getZTreeObj("orgTree");

treeObj.addNodes(treeNode,jsonArray);

}

});

}

/body

/html

jquery ztree 怎么从前台动态获取后台数据

var setting = {

checkable : true,

callback : {

onClick: zTreeOnClick

},

expandSpeed :"fast",

async: {

enable: true,

url:"getTreeNode.jsp",

autoParam:["id","name"],

dataFilter: null

},

view: {

showLine: false,

dblClickExpand :false

}};

$.fn.zTree.init($("#sidebar"), setting);

希望你能看得懂~

关于jquery插件zTree删除节点的问题

你好

由于ztree对于自身的removeBtn绑定了对应的beforeRemove等的事件,而你的做法是通过执行zTree.removeNode来完成的删除,并不是通过removeBtn来执行的,ztree的removeNode方法没有触发对应的beforeRemove方法,所以你要在你的事件中,重写整理方法

$("#***").click(function(){

var nNode = zTree.getSelectedNodes()[0];

if(nNode){

zTree.removeNode(nNode);

// 这里手动执行一次方法

zTreeBeforeRemove(nNode.id, nNode);

}

})

beforeRename是因为修改的节点,节点本身依然存在,就和

$("select").change(function(){ // 改变则执行方法 })

$("select").remove(); 是没有 .remove(function(){})

是类似的道理

因为节点已经删除了,先删除,再执行方法,是无效的

jquery中ztree怎样刷新并全部展开

获取 id 为 tree 的 zTree 对象 var treeObj = $.fn.zTree.getZTreeObj("tree"); 获取全部节点数据 var treeObj = $.fn.zTree.getZTreeObj("tree"); var nodes = treeObj.getNodes(); for(var i=0;i


当前题目:包含jqueryztree的词条
文章来源:http://shouzuofang.com/article/phehcj.html

其他资讯