关于tree节点的刷新
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节点的刷新的更多相关文章
- hadoop 集群 加入一个新的存储节点和删除一个计算节点需要刷新集群状态命令
加入一个新的存储节点和删除一个计算节点需要刷新集群状态命令 方式1:静态添加datanode,停止namenode方式 1.停止namenode 2.修改slaves文件,并更新到各个节点3.启动na ...
- EasyUI Tree节点拖动到指定容器
效果图:将tree节点拖动到指定的DIV中,结果显示节点的id和text 代码: <!DOCTYPE html> <html> <head> <meta ch ...
- [置顶] Flex中Tree组件无刷新删除节点
在Tree组件中经常要删除某个节点,而删除之后重新刷新加载该Tree组件会影响整个操作效果和效率,因此,无刷新删除就比较好,既删除了节点也没有刷新tree,而使Tree的状态处于删除之前的状态. 无刷 ...
- easyui的tree节点的获取和选中
1.设置选中tree的节点 var node = $('#tt').tree('find', 1);//找到id为”tt“这个树的节点id为”1“的对象$('#tt').tree('select', ...
- ExtJS中给Tree节点加click事件
第一种: 直接通过TreePanel中的Config Option中的listener来添加,代码如下: var TreePan = new Ext.tree.TreePanel({ id: 'Tre ...
- 判断easyUI tree 节点复选框是否被选中的方法。将选中的节点高亮显示的方法
在datagrid tree中如何判断某个节点的复选框是否被选中? 我们可以通过HTML结构去分析: 1.节点未选中前 2.节点选中后 所以节点被选中前和选中后,html中的class类是用区分的. ...
- 33. Extjs中的tree节点的操作
转自:https://blog.csdn.net/masterShaw/article/details/51354351?utm_source=blogkpcl9 ext 树节点操作 tree ...
- ExtJs中实现tree节点,全部是单击展开和收缩效果,和收藏夹点击功能一样
listeners : { click : function(node, c) {// 单击节点事件(node是节点对象) if(!node.isLeaf()){//不是叶子节点 node.singl ...
- 在TWaver的Tree节点上画线
论坛上有同学提出如何在tree上画引导线,之前我们Flex已经实现此功能,现在最新版的HTML5也将添加此功能.先看看效果:详细的使用方法可以参考我们开发手册中可视化视图组件#Tree引导线一章,下面 ...
随机推荐
- 如何进行大规模在线数据迁移(来自Stripe公司的经验)
首发于笔者的微信公众号:技术心流FollowFlows 原文地址:Stripe Engineering Blog 各工程团队常面临一项共同挑战:重新设计数据模型以支持清晰准确的抽象和更复杂的功能. ...
- ArrayList,Vector, LinkedList 的存储性能和特性
ArrayList 和Vector他们底层的实现都是一样的,都是使用数组方式存储数据,此数组元素数大于实际存储的数据以便增加和插入元素,它们都允许直接按序号索引元素,但是插入元素要涉及数组元素移动等内 ...
- arcgis textsymbol overlap
arcgis textsymbol overlap textsymbol 重叠的问题 du?de? duration?? arcgis for javascript 如何避免 ...
- sql server 2012不能全部用到CPU的逻辑核心数的问题
最近在工作中遇到了,sql server 2012 不能把CPU 的核心全部用到的问题.通过分析工具看到 总共CPU核心有72核,但sql 只能用到40核心,想信也有很多人遇到这问题,那么今天这节就先 ...
- 手把手教你用Docker部署一个MongoDB集群
MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中最像关系数据库的.支持类似于面向对象的查询语言,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数据建立索引 ...
- POJ 3469 Dual Core CPU(最小割模型的建立)
分析: 这类问题的一遍描述,把一些对象分成两组,划分有一些代价,问最小代价.一般性的思路是, 把这两组看成是S点和T点,把划分的代价和割边的容量对应起来求最小割. 把S和可模版tem之间到达关系看作是 ...
- 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:把一个函 ...
- pytho线程信号量
pytho线程信号量 import threading,time def going(num,sleep_time): semaphore.acquire()#启动允许执行 print("g ...
- WP Mail SMTP插件解决Contact Form 7表单提交失败问题
WP Mail SMTP插件解决Contact Form 7表单提交失败问题 WP Mail SMTP是一款非常优秀的解决WordPress主机因为不支持或者是禁用了mail()函数,导致无法实现在线 ...
- react的redux中间件
redux 的中间件(对dispatch功能的拦截和增强,一般不用自己写,有插件) dispath是一个方法,可以自行中间拦截更改: store.dispatch = function(action) ...