我要评论ztree 简介
ztree 是一个依靠 jquery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 ztree 最大优点。
ztree 是开源免费的软件（mit 许可证）。如果您对 ztree 感兴趣或者愿意资助 ztree 继续发展下去，可以进行捐助。
- ztree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载
- 采用了 延迟加载 技术，上万节点轻松加载，即使在 ie6 下也能基本做到秒杀
- 兼容 ie、firefox、chrome、opera、safari 等浏览器
- 支持 json 数据
- 支持静态 和 ajax 异步加载节点数据
- 支持任意更换皮肤 / 自定义图标（依靠css）
- 支持极其灵活的 checkbox 或 radio 选择功能
- 提供多种事件响应回调
- 灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽哟
- 在一个页面内可同时生成多个 tree 实例
- 简单的参数配置实现 灵活多变的功能
原始问题
//添加结点, 产品和版本
function addnode(event) {
rmenu.css({ "visibility": "hidden" });
var treenode = ztree.getselectednodes()[0];
var pid;
var nodename;
var treelevel;
if (!treenode && event.target.tagname.tolowercase() != "button" && $(event.target).parents("a").length == 0) {
//添加产品结点
pid = 0;
treenode = null;
treelevel = 1;
} else if (treenode) {
//添加版本结点
pid = treenode.id;
treelevel = 2;
}
$.post(
"addnode.action",
{ type: treelevel, id: pid },
function(nodeidandname) {
var params = /([^\|]+)\|([^\|]+)/.exec(nodeidandname);
if (!((!treenode && event.target.tagname.tolowercase() != "button" && $(event.target).parents("a").length == 0) || treenode.open)) {
ztree.expandnode(treenode, true);
}
treenode = ztree.addnodes(treenode, { id: params[1], pid: pid, isparent: "true", name: params[2], editable: "true", treelevel: treelevel });
});
}
原本直接添加子节点的时候，如果父节点没有展开，会添加两个一样的子节点（第一次的时候）；后来我对父节点是否展开进行了判断，但是却变成了如果父节点展开，会添加两个一样的子节点（第一次的时候），这个问题要怎么解决呢？
办法一
将
if (!((!treenode && event.target.tagname.tolowercase() != "button" && $(event.target).parents("a").length == 0) || treenode.open)) {
ztree.expandnode(treenode, true);
}
treenode = ztree.addnodes(treenode, { id: params[1], pid: pid, isparent: "true", name: params[2], editable: "true", treelevel: treelevel });
改成
if(!treenode && event.target.tagname.tolowercase() != "button" && $(event.target).parents("a").length == 0)
{
treenode = ztree.addnodes(treenode, { id: params[1], pid: pid, isparent: "true", name: params[2], editable: "true", treelevel: treelevel });
}
else if(treenode.open)
{
if(treenode.isparent)
{
ztree.reasyncchildnodes(treenode, "refresh");
}
else
{
treenode.isparent=true;
ztree.reasyncchildnodes(treenode, "refresh");
}
}
else
{
ztree.expandnode(treenode, true);
treenode = ztree.addnodes(treenode, { id: params[1], pid: pid, isparent: "true", name: params[2], editable: "true", treelevel: treelevel });
}
问题就可以解决了，但是有没有优化呢？感觉改后的代码分类太多了
最优办法
貌似不用这么麻烦吧？前两天回答了类似的问题。
1、点击添加子节点后，就直接 ajax 传给后台保存数据，捕获 success 事件
2、ajax success 时，利用 treenode.zasync 属性就可以知道此父节点是否进行过异步加载，如果为 false 那么直接 reasyncchildnodes 刷新， 如果为 true 那么利用 addn...
if ((!treenode && event.target.tagname.tolowercase() != "button" && $(event.target).parents("a").length == 0) || treenode.zasync)
treenode = ztree.addnodes(treenode, { id: params[1], pid: pid, isparent: "true", name: params[2], editable: "true", treelevel: treelevel });
else
ztree.reasyncchildnodes(treenode, "refresh");
总结
以上所述是小编给大家介绍的jquery ztree 异步加载添加子节点重复问题，希望对大家有所帮助
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！
网友评论