zoukankan      html  css  js  c++  java
  • 关于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;
            }
        });
    });    
  • 相关阅读:
    数据采集都做不到,怎么谈智能制造?
    值得借鉴的德国制造工厂生产观念!
    APS应用案例|纽威阀门实现高效排产
    MES应用案例|新宏泰电器乘上智能制造的东风
    你的MES今天升级了吗?
    APP-2.1-Hbuilder与夜神 & HbuilderX与夜神模拟器连接
    APP-3-百度地图应用
    APP-2-Hbuilder开发环境搭建
    ABAP-Keyword Documentation
    APP-1-相关介绍及资料
  • 原文地址:https://www.cnblogs.com/GumpYan/p/7568659.html
Copyright © 2011-2022 走看看