zoukankan      html  css  js  c++  java
  • EasyUI Tree添加节点

    创建foods tree
    首先,我们创建foods tree,代码像这样:
    <div style="200px;height:auto;border:1px solid #ccc;">
    
        <ul id="tt" class="easyui-tree" url="tree_data.json"></ul>
    
    </div>
    
    
    注意,tree组件被定义在UL标记,tree节点数据载入tree_data.json。

    得到父节点
    我们点击节点以选择fruit节点,我们添加一些fruits数据。调用getSelected方法来得到节点handle。
    var node = $('#tt').tree('getSelected');
    
    
    getSelect方法的返回值是一个js对象,包括id,text,attributes和target属性。target属性是DOM对象,引用了被选择的节点,使用append方法添加节点。
    添加节点:
    var node = $('#tt').tree('getSelected');
    
    if (node){
    
        var nodes = [{
    
            "id":13,
    
            "text":"Raspberry"
    
        },{
    
            "id":14,
    
            "text":"Cantaloupe"
    
        }];
    
        $('#tt').tree('append', {
    
            parent:node.target,
    
            data:nodes
    
        });
    
    }
    
    
    当我们添加一些fruits,可以看到:
  • 相关阅读:
    Django REST Framework
    Django REST Framework 序列化和校验 知识点
    Django REST Framework 数码宝贝
    浏览器的跨域解决方案
    Django Rest Framework 简介及 初步使用
    javaScript
    jQuery 事件流的概念
    jQuery 文档操作
    Django
    crm 系统项目(三) 业务
  • 原文地址:https://www.cnblogs.com/huangf714/p/5911796.html
Copyright © 2011-2022 走看看