1.刷新节点分为刷新整个树和刷新指定节点

(1)刷新整个树

$("#tree").tree("reload");

(2)刷新指定节点(方法:传入需要刷新节点的父节点的target属性作为参数)

var noderm=$("#tree").tree("getSelected");
var parent=$("#tree").tree("getParent",noderm.target);
$("#tree").tree("reload",parent.target);

2.进行保存操作的时候,reload之后还能把之前选择的节点选中

项目背景:点击保存之后,页面会通过reload刷新,但是之前选择的节点,刷新完以后,选中状态没了。

解决方案:点击左侧树的节点时记录点击的nodeId,加载完以后重新选择该节点。

var nodeId=null;
$("#tree").tree({
url:'url',
method:post,
onclick:function(node){
nodeId=node.id;//记录左侧树选中节点的id
}
onLoadSuccess:function(data){
if(nodeId != null){
var node=$("#tree").tree('find',nodeId);
$("#tree").tree('expanTo',node.target).tree('select',node.target);
}
}
});

找到指定的节点并返回该节点对象(找到指定的节点,并将该节点选中)

// find a node and then select it
var node = $('#tt').tree('find', 12);
$('#tt').tree('select', node.target);

保存操作的地方

$("#btnCommit").click(function(){
$.ajax({
url:'url',
type:'post',
dataType:'json',
data:{
mc:mcs
},
success:function(data){
$("#tree").tree('reload');
}
});
});

3.进行删除操作

var nodeId=null;
$("#tree").tree({
url:'url',
method:post,
onclick:function(node){
nodeId=node.id;//记录左侧树选中节点的id
}
onLoadSuccess:function(data){
if(nodeId != null){
var node=$("#tree").tree('find',nodeId);
$("#tree").tree('expanTo',node.target).tree('select',node.target);
}
}
});

删除操作的地方(删除操作要对要删除节点的父节点进行刷新,而不是对整棵树进行刷新)

$("#btnDel").click(function(){
$.ajax({
url:'url',
type:'post',
dataType:'json',
data:{
mc:mcs
},
success:function(data){
var noderm=$("#tree").tree('getSelected');
var parent= $("#tree").tree('getParent',noderm.target);
$("#tree").tree('reload',parent.target);
nodeId=null;
}
});
});

关于tree节点的刷新的更多相关文章

  1. hadoop 集群 加入一个新的存储节点和删除一个计算节点需要刷新集群状态命令

    加入一个新的存储节点和删除一个计算节点需要刷新集群状态命令 方式1:静态添加datanode,停止namenode方式 1.停止namenode 2.修改slaves文件,并更新到各个节点3.启动na ...

  2. EasyUI Tree节点拖动到指定容器

    效果图:将tree节点拖动到指定的DIV中,结果显示节点的id和text 代码: <!DOCTYPE html> <html> <head> <meta ch ...

  3. [置顶] Flex中Tree组件无刷新删除节点

    在Tree组件中经常要删除某个节点,而删除之后重新刷新加载该Tree组件会影响整个操作效果和效率,因此,无刷新删除就比较好,既删除了节点也没有刷新tree,而使Tree的状态处于删除之前的状态. 无刷 ...

  4. easyui的tree节点的获取和选中

    1.设置选中tree的节点 var node = $('#tt').tree('find', 1);//找到id为”tt“这个树的节点id为”1“的对象$('#tt').tree('select', ...

  5. ExtJS中给Tree节点加click事件

    第一种: 直接通过TreePanel中的Config Option中的listener来添加,代码如下: var TreePan = new Ext.tree.TreePanel({ id: 'Tre ...

  6. 判断easyUI tree 节点复选框是否被选中的方法。将选中的节点高亮显示的方法

    在datagrid tree中如何判断某个节点的复选框是否被选中? 我们可以通过HTML结构去分析: 1.节点未选中前 2.节点选中后 所以节点被选中前和选中后,html中的class类是用区分的. ...

  7. 33. Extjs中的tree节点的操作

      转自:https://blog.csdn.net/masterShaw/article/details/51354351?utm_source=blogkpcl9 ext 树节点操作   tree ...

  8. ExtJs中实现tree节点,全部是单击展开和收缩效果,和收藏夹点击功能一样

    listeners : { click : function(node, c) {// 单击节点事件(node是节点对象) if(!node.isLeaf()){//不是叶子节点 node.singl ...

  9. 在TWaver的Tree节点上画线

    论坛上有同学提出如何在tree上画引导线,之前我们Flex已经实现此功能,现在最新版的HTML5也将添加此功能.先看看效果:详细的使用方法可以参考我们开发手册中可视化视图组件#Tree引导线一章,下面 ...

随机推荐

  1. 如何进行大规模在线数据迁移(来自Stripe公司的经验)

    首发于笔者的微信公众号:技术心流FollowFlows 原文地址:Stripe Engineering Blog   各工程团队常面临一项共同挑战:重新设计数据模型以支持清晰准确的抽象和更复杂的功能. ...

  2. ArrayList,Vector, LinkedList 的存储性能和特性

    ArrayList 和Vector他们底层的实现都是一样的,都是使用数组方式存储数据,此数组元素数大于实际存储的数据以便增加和插入元素,它们都允许直接按序号索引元素,但是插入元素要涉及数组元素移动等内 ...

  3. arcgis textsymbol overlap

    arcgis  textsymbol   overlap   textsymbol  重叠的问题  du?de?  duration??    arcgis  for  javascript 如何避免 ...

  4. sql server 2012不能全部用到CPU的逻辑核心数的问题

    最近在工作中遇到了,sql server 2012 不能把CPU 的核心全部用到的问题.通过分析工具看到 总共CPU核心有72核,但sql 只能用到40核心,想信也有很多人遇到这问题,那么今天这节就先 ...

  5. 手把手教你用Docker部署一个MongoDB集群

    MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中最像关系数据库的.支持类似于面向对象的查询语言,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数据建立索引 ...

  6. POJ 3469 Dual Core CPU(最小割模型的建立)

    分析: 这类问题的一遍描述,把一些对象分成两组,划分有一些代价,问最小代价.一般性的思路是, 把这两组看成是S点和T点,把划分的代价和割边的容量对应起来求最小割. 把S和可模版tem之间到达关系看作是 ...

  7. python_59_装饰器2

    #匿名函数,无函数名 calc=lambda x:x*3 print(calc(3)) sum=lambda x,y,z:x+y+z print(sum(1,2,3)) ''' 高阶函数 a:把一个函 ...

  8. pytho线程信号量

    pytho线程信号量 import threading,time def going(num,sleep_time): semaphore.acquire()#启动允许执行 print("g ...

  9. WP Mail SMTP插件解决Contact Form 7表单提交失败问题

    WP Mail SMTP插件解决Contact Form 7表单提交失败问题 WP Mail SMTP是一款非常优秀的解决WordPress主机因为不支持或者是禁用了mail()函数,导致无法实现在线 ...

  10. react的redux中间件

    redux 的中间件(对dispatch功能的拦截和增强,一般不用自己写,有插件) dispath是一个方法,可以自行中间拦截更改: store.dispatch = function(action) ...