EasyUI的中Tree

来源：互联网发布：跟老齐学python第二版编辑：程序博客网时间：2024/04/29 05:05

EasyUI的中Tree基本知识

详细事件及方法（EasyUI官方网站）

1.EasyUI中的树形控件

Basic Tree(基本的树)

Animation Tree(动画的树)

CheckBox Tree(复选框的树)

Tree Lines(有连接线的树)

Tree Node lcons(有树节点图标的树)

Tree Action(可控制树的行为)

Tree Context Menu(有上下文菜单的树)

Drag Drop Tree Nodes(可拖拽节点的树)

Editable Tree(可编辑的树)

Async Tree(异步树)

Lazy Load Tree Nodes(延迟加载树形节树)

Formating Tree Nodes(格式化的树)

2.树形表格的代码

树形控件的位置

<div class="easyui-panel" style="padding:5px">    <ul id="tt" class="easyui-tree" data-options="url:与Control中的相对应,method:'get',animate:true,dnd:true"></ul></div>

以下是有上下文菜单，可拖拽节点以及可编辑功能的树的代码：

</pre><pre name="code" class="javascript"><script type="text/javascript">    $(function(){        $('#tt').tree({            onDblClick: function(){                //对应的函数            },            onDrop:function(target, source, point){                pnode=$('#tt').tree('getNode',target);                snode=source;                point="append";                //对应的函数            },            onContextMenu: function(e,node){                e.preventDefault();                $(this).tree('select',node.target);                $('#mm').menu('show',{                    left: e.pageX,                    top: e.pageY                });            }        });    });</script>

3.简单的ajax应用

var ntxt=$('#dd_content124 input').val();//从文本框内取出数据$.ajax({    url: <span style="font-family: Arial, Helvetica, sans-serif;">与Control中的相对应</span><span style="font-family: Arial, Helvetica, sans-serif;"></span><span style="font-family: Arial, Helvetica, sans-serif;">,</span>    type: "POST",    contentType: "application/json;charset=utf-8",    data:JSON.stringify({"categoryName":ntxt}),//将信息通过json打包    dataType: "json",    success: function(result,status){        if(status='success'){            t.tree('append', {                parent: ('l'),                data: [{                text: ntxt                }]            });            $.msg();            $(t).tree().reload();        }else{           $.messager.show({               msg:'操作失败',               showType:'show',               timeout:3000           });           $(t).tree().reload();         } }});

1 0