jquery easyui tree reload以后选中之前选择的节点

原创 2015年11月19日 15:57:18

问题背景:

界面使用左侧tree,右侧datagrid的布局。

点击左侧的树节点,右侧显示当前节点下的数据,右侧操作完以后左侧树的数据会发生改变,所以左侧的树需要刷新(reload)。

刷新完以后,树的选中状态没了。


解决办法:

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

代码实现:

var nodeId;
$(function(){ 
    $('#tree').tree({
      url:url,
      checkbox:false,
      onClick:function(node){
        nodeId=node.id;
      },
      onLoadSuccess(data){
      	if(nodeId!=null){
      		var node = $('#tree').tree('find', nodeId);
			$('#tree').tree('expandTo', node.target).tree('select', node.target);
      	}
      }
    });
}) ;


刷新tree的数据:

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


重新选择的代码必须放在onLoadSuccess方法里,否则不起作用


Jquery easyui tree 一些常见操作

遍历tree nodes function Travel(treeID){//参数为树的ID,注意不要添加# var roots=$('#'+treeID).tree('getRoots'),...
  • dqsweet
  • dqsweet
  • 2012年02月22日 14:01
  • 34544

easyui 整棵树的刷新

node=$(window.top.document).find("#corp-tree").tree('find',parentId); $(window.top.documen...
  • u012307002
  • u012307002
  • 2014年02月16日 16:27
  • 5457

easyui tree/TreeGrid使用:逐级加载、指定节点刷新、全部展开

1、逐级加载:逐级加载对于数据量比较大的tree,逐级加载可以有效的缓解服务器压力,提升用户体验。逐级加载发送的请求参数:当前节点id,该参数是客户端自动发送的;接收的响应数据:通过当前节点id,查询...
  • javaloveiphone
  • javaloveiphone
  • 2015年11月26日 16:43
  • 24413

Jquery easyui tree 一些常见操作

遍历tree nodes function Travel(treeID){//参数为树的ID,注意不要添加# var roots=$('#'+treeID).tree('getRoots'),...
  • nihaoma71121
  • nihaoma71121
  • 2013年08月13日 17:44
  • 2877

Easyui tree 从数据库中动态加载数据

主要实现easyui tree的功能,能够加载数据库中的数据组装成tree格式
  • chenqk_123
  • chenqk_123
  • 2015年02月28日 11:42
  • 9326

easyUI中Tree节点的选中与取消选中----------工作问题004

修改的话,必须回显
  • oPengXiaoLiang
  • oPengXiaoLiang
  • 2014年07月23日 12:23
  • 5264

easyui的tree节点的获取和选中(2)

1.设置选中tree的节点 var node = $('#tt').tree('find', 1);//找到id为”tt“这个树的节点id为”1“的对象 $('#tt').tree('select',...
  • yb305
  • yb305
  • 2014年12月09日 10:41
  • 13489

EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中

需求:EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中 效果:            /** * 给树增加onCheck事件,首先使用cascadeC...
  • qq_15351167
  • qq_15351167
  • 2017年11月24日 12:27
  • 548

easyui tree 默认选中第一个节点

$(function(){       var addr_tree = $("#mytree").tree({           url:'',           method:"po...
  • zhu_nana
  • zhu_nana
  • 2015年11月25日 14:12
  • 7861

jquery - easy - ui 下的tree (动态加载数据)

jquery - easyUI的使用 参考: http://hi.baidu.com/flyredfly/item/f87b923e1ae3d683c3cf29e4 http://blog.csd...
  • keenweiwei
  • keenweiwei
  • 2013年05月22日 16:37
  • 9981
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery easyui tree reload以后选中之前选择的节点
举报原因:
原因补充:

(最多只允许输入30个字)