jsTree默认展开、收起

2021-7-9    前端达人

默认展开 

    

    
  1. 
        // 所有节点加载完成后触发
    
    2. 

    
  2. 
        $('#jstree1').on("ready.jstree", function(e, data) {
    
    3. 

    
  3. 
        
    
    4. 

    
  4. 
        // 默认选择节点
    
    5. 

    
  5. 
        $('#jstree1').jstree('select_node', ['child-1-1', 'child-2-2']);
    
    6. 

    
  6. 
        
    
    7. 

    
  7. 
        // 默认展开/打开全部
    
    8. 

    
  8. 
        $('#jstree1').jstree().open_all();
    
    9. 

    
  9. 
        
    
    10. 

    
  10. 
        });
    
    11. 

    
  11. 
        
    
    12. 

    
  12. 
        // 选择更改时触发
    
    13. 

    
  13. 
        $('#jstree1').on("changed.jstree", function(e, data) {
    
    14. 

    
  14. 
        console.log(data.selected);
    
    15. 

    
  15. 
        });
    
    16.

默认收起 

    

    
  1. 
        
    
    2. 

    
  2. 
        // 所有节点加载完成后触发
    
    3. 

    
  3. 
        $('#jstree1').on("ready.jstree", function(e, data) {
    
    4. 

    
  4. 
        
    
    5. 

    
  5. 
        // 默认选择节点
    
    6. 

    
  6. 
        $('#jstree1').jstree('select_node', ['child-1-1', 'child-2-2']);
    
    7. 

    
  7. 
        
    
    8. 

    
  8. 
        // 默认关闭/收起宣布
    
    9. 

    
  9. 
        $('#jstree2').jstree().close_all();
    
    10. 

    
  10. 
        
    
    11. 

    
  11. 
        });
    
    12. 

    
  12. 
        
    
    13. 

    
  13. 
        // 选择更改时触发
    
    14. 

    
  14. 
        $('#jstree1').on("changed.jstree", function(e, data) {
    
    15. 

    
  15. 
        console.log(data.selected);
    
    16. 

    
  16. 
        });
        
    
            蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
        
    

        
    
            截屏2021-05-13 上午11.41.03.png 
        
    

        
    
            
    

        
    

        
    
            分享此文一切功德，皆悉回向给文章原作者及众读者.
        
    

        
    
            免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
        
    
    
        
    
            蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
        
    
    
    
    17.

分享本文至：
« Datatables表格固定列 dataTable.fixedColumns.js的使用和修复 - 完美解决ICheck不能勾选问题 设计沉思录 | B端商城的客户链路设计 »

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档