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. Browser Screen

    Screen对象 Screen对象包含有关客户端显示屏幕的信息. 注释:没有应用于screen对象的公开标准,不过所有浏览器都支持该对象. Screen对象属性 availHeight 返回显示屏幕的 ...

  2. restesay部署学习过程中遇到的问题

    Exception starting filter org.jboss.resteasy.plugins.serer.servlet.Filter30Dispatcherjava.lang.Class ...

  3. SqlServer作业指定目标服务器

    用SSMS生成数据库作业的创建脚本的时候,有一步是sp_add_jobserver操作: EXEC @ReturnCode = msdb.dbo.sp_add_jobserver @job_id = ...

  4. Altera FFT核使用详解

    简介 快速傅里叶变换(Fast Fourier Transform)最为一种高效的算法,被广泛的用于信号处理与数据分析等领域.对于设计工程师来讲,自己动手采样可编程语言来实现一个FFT/IFFT模块, ...

  5. Python参数基础

    Python参数基础 位置参数 ​ 通过位置进行匹配,把参数值传递给函数头部的参数名称,顺序从左到右 关键字参数 ​ 调用的时候使用参数的变量名,采用name=value的形式 默认参数 ​ 为没有传 ...

  6. JS每点击一次添加多少条数据

    很久不写文档,平时只写日记,所以对这个有点生疏,如果写的不好别介意. 今天闲的蛋疼,于是要写写白天的东西,并且以后也会一直更新(一直写)下去. 时间太仓促了,这几个月,今天算最晚的一次凌晨1点,吃不消 ...

  7. JQUERY操作JSON数组添加新的属性和值

    语法: var data = {}; data["Order"] =order; data["Sort"] = sort; 但是需要注意的是,如果data后面还 ...

  8. mkfs.xfs 命令找不到的解决方法

    对硬盘进行格式化: # mkfs.xfs /dev/sdb1 系统显示: mkfs.xfs error: command not found. 可能是系统不完全安装 运行 which mkfs  查看 ...

  9. 【洛谷4149】[IOI2011] Race(点分治)

    点此看题面 大致题意: 给你一棵树,问长度为\(K\)的路径至少由几条边构成. 点分治 这题应该比较显然是点分治. 主要思路 与常见的点分治套路一样,由于\(K≤1000000\),因此我们可以考虑开 ...

  10. WQS二分学习笔记

    前言 \(WQS\)二分听起来是个很难的算法,其实学起来也并不是那么难. 适用范围 在某些题目中,会对于某个取得越多越优的物品,限定你最多选择\(k\)个,问你能得到的最优答案. 例如这道题目:[CF ...