Easyui实例--tree组件的使用2

最新推荐文章于 2025-05-30 09:06:24 发布
原创 最新推荐文章于 2025-05-30 09:06:24 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#easyUI #spring mvc #tree

本文介绍如何使用EasyUI库实现树形控件的增删改功能，包括前端JavaScript操作与后端接口设计。前端部分利用easyui-window、easyui-dialog和easyui-message实现交互；后端则通过Spring MVC框架处理数据请求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    前面提到初始化tree的方法，有的时候需求需要在前端进行树的扩展，就需要做到对树的增删改了。

有数据的操作，无非是增删改查这四种操作。

由于在这里使用了easyui-window,所以先说一说window以及其他的两种window(dialog，message)。

1.Easyui-window

官网提供的window的使用如下：
定义：可拖动悬浮的窗口，默认情况下可以调整窗口的大小，可关闭等状态。
定义方式：通过静态html定义，也可以通过js生成。

1.1 html定义window

<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"
    data-options="iconCls:'icon-save',modal:true">
    Window Content
  </div>
简单引入easyUI样式类，就会识别成easyUI-window

1.2 JS定义window

<div id="win"></div>

在js中绑定该div为window

$('#win').window({
    width:600,
    height:400,
    modal:true
});

1.3 window的API


2.Easyui-dialog

window相对简单，处理事件也简单。Diaglog是一类比较特殊的窗口。但是定义方式都是相同的，html和js两种定义方式。

2.1 Html定义

<div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;"
    data-options="iconCls:'icon-save',resizable:true,modal:true">
    Dialog Content.
</div>

2.2 JS定义

$('#dd').dialog({
    title: 'My Dialog',
    width: 400,
    height: 200,
    closed: false,
    cache: false,
    href: 'get_content.php',
    modal: true
});
$('#dd').dialog('refresh', 'new_content.php');

2.3 API






主要的我们来看看他提供的按钮定义方式，一般我们会在点击按钮的时候做一些事情，这些事情指的是往后台发送请求，去处理一些数据，并返回操作结果。buttons按钮组提供了handler函数去处理这些url请求操作。
在使用的时候，一般都是在js中进行声明，看起来js和html分离开来。而且对于我们定义起来也是很方便的。
比如如下定义：

$('#mydialogtemp').dialog({   
                                 collapsible: true,   
                                 minimizable: true,   
                                 maximizable: true,   
                               
                                 buttons: [{   
                                    text: '提交',   
                                    iconCls: 'icon-ok',   
                                    handler: function() {   
                                         alert('提交数据');   
                                         $.ajax({  
                                             url : "delTreeNode.do",  
                                             type : "post",  
                                             async : false,  
                                             data :"id="+node.id,  
                                             dataType:"json",  
                                             success : function(data) {  
                                                 loadTree();                                                   
                                                 $('#mydialogtemp').dialog('close');  
                                             }  
                                           
                                         });  
                                    }   
                                 }, {   
                                    text: '取消',   
                                    handler: function() {   
                                        $('#mydialog').dialog('close');  
                                    }   
                                    }]   
                            });

3. Easyui-Message

定义：消息对话框，包括警示(alert)，确认(confirm)，提示(prompt)，进展(progress)等这四种。

3.1 alert警示框

在一次操作结束的时候无论成功失败，我们都会给出用户提示信息，来显示该次操作成功与否。

$.messager.alert('Warning','Add user successfully!');




3.2 confirm确认框

   在用户进行一些敏感操作的时候(比如删除，设备重启等)，需要给出用户再次确认，以防用户误操作，对数据产生影响。点击确定的时候if(r)为真，否则为假。
$.messager.confirm('Confirm', 'Are you sure to delete this item?', function(r){
	if (r){
		// exit action;
	}
});



3.3 Prompt提示

跟confirm的不同之处是，该组件提供用户输入文本操作：


API参考：


3.4 Progress进展

显示操作的进度，类似页面的loading操作，可以在请求之前使用，然后在请求成功返回之后将该组件隐藏。


API参考：


4. Tree增删改
上面讲到了四种消息框的使用，根据需求自己合理使用就可以了。
下面主要讲述怎么给tree增加增删改功能。

4.1 前端定义鼠标右键功能

由于我们使用tree的时候左键是留给点击叶子节点时像后台请求该区域或者该节点下的数据的功能，所有我们
只有修改其右键功能，来实现我们的功能。
效果图如下：


针对叶子节点目前只有这三种操作，也可以进行扩展。
easyUI提供了针对tree的右键支持功能，onContextMenu.
onContextMenu: function(e,node){// 生成右键菜单  
                 e.preventDefault();  
                 $(this).tree('select',node.target);  
                 $('#tabsMenu').menu('show',{  
                     left: e.pageX,  
                     top: e.pageY  
                 });  
                 $('#tabsMenu').menu({      
                     onClick:function(item){   // 根据选择的id判断选中的是添加，修改，还是删除  
                        if(item.id==1){// 添加  
                            document.getElementById("mydialog").title = "添加节点";  
                            var node = $("#tree").tree('getSelected');  
                            document.getElementById("txRolename").value = "";  
                            $('#mydialog').show(); // 弹出框显示  
                            $('#mydialog').dialog({   
                                 collapsible: true,   
                                 minimizable: true,   
                                 maximizable: true,   
                               
                                 buttons: [{   
                                    text: '提交',   
                                    iconCls: 'icon-ok',   
                                    handler: function() {   
                                         $.ajax({  
                                             url : "addTreeNode.do",  
                                             type : "post",  
                                             async : false,  
                                             data : "text="+$("#txRolename").val()+"&pid="+node.id,  
                                             dataType:"json",  
                                             success : function(data) {  
                                                 loadTree();                                               
                                                 $('#mydialog').dialog('close');  
                                                 $.messager.progress(); 
                                             }                                           
                                         });  
                                    }   
                                 }, {   
                                    text: '取消',   
                                    handler: function() {   
                                        $('#mydialog').dialog('close');  
                                    }   
                                    }]   
                            });   
                              
                        }else if(item.id==2){// 修改  
                            var node = $("#tree").tree('getSelected');  
                            document.getElementById("mydialog").title = "修改节点";  
                            document.getElementById("txRolename").value = node.text;  
                            $('#mydialog').show();   
                            $('#mydialog').dialog({   
                                 collapsible: true,   
                                 minimizable: true,   
                                 maximizable: true,   
                               
                                 buttons: [{   
                                    text: '提交',   
                                    iconCls: 'icon-ok',   
                                    handler: function() {   
                                           
                                         $.ajax({  
                                             url : "updTreeNode.do",  
                                             type : "post",  
                                             async : false,  
                                             data : "text="+$("#txRolename").val()+"&id="+node.id,  
                                             dataType:"json",  
                                             success : function(data) {  
                                                 loadTree();                                                   
                                                 $('#mydialog').dialog('close');  
                                             }  
                                           
                                         });  
                                    }   
                                 }, {   
                                    text: '取消',   
                                    handler: function() {   
                                        $('#mydialog').dialog('close');  
                                    }   
                                    }]   
                            });   
                              
                        }else if(item.id==3){// 删除  
                            var node = $("#tree").tree('getSelected');  
                            $('#mydialogtemp').show();   
                            $('#mydialogtemp').dialog({   
                                 collapsible: true,   
                                 minimizable: true,   
                                 maximizable: true,   
                               
                                 buttons: [{   
                                    text: '提交',   
                                    iconCls: 'icon-ok',   
                                    handler: function() {   
                                         alert('提交数据');   
                                         $.ajax({  
                                             url : "delTreeNode.do",  
                                             type : "post",  
                                             async : false,  
                                             data :"id="+node.id,  
                                             dataType:"json",  
                                             success : function(data) {  
                                                 loadTree();                                                   
                                                 $('#mydialogtemp').dialog('close');  
                                             }  
                                           
                                         });  
                                    }   
                                 }, {   
                                    text: '取消',   
                                    handler: function() {   
                                        $('#mydialog').dialog('close');  
                                    }   
                                    }]   
                            });   
                              
                        }  
                     }      
                 })   
			}

在html定义右键对应的div：

<div id="tabsMenu" class="easyui-menu" style="width:120px;">    
	    <div name="close" id="1">添加</div>    
	    <div name="Other" id="2">修改</div>    
	    <div name="All" id="3">删除</div>  
	</div>

右键点击之后显示增删改三个操作，选中其中一个操作的时候会将隐藏的dialog.show。


接下来就是为三种时间绑定对应的事件处理了，这里我定义了三个操作对应的id，根据选中的id来
判断选中的那个：
$(function(){
		 $("#tree").tree({  
             url:'getNodesByParentId.do?id=1',//请求路径，id为根节点的id
             onLoadSuccess:function(node,data){  
                  var tree = $(this);  
                  console.info(data);
                  if(data){  
                      $(data).each(function(index,d) {  
                          if (this.state=='closed') {  
                              tree.tree('expandAll');  
                          }  
                      });  
                  }  
             },
             onClick:function(node){// 添加tab  
                 if(node.attributes){  
                     node1=$("#tree").tree('getParent',node.target);  
                     openTab(node.text,node.attributes,node1.text);  
                 }  
             },  
             onContextMenu: function(e,node){// 生成右键菜单  
                 e.preventDefault();  
                 $(this).tree('select',node.target);  
                 $('#tabsMenu').menu('show',{  
                     left: e.pageX,  
                     top: e.pageY  
                 });  
                 $('#tabsMenu').menu({      
                     onClick:function(item){   // 根据选择的id判断选中的是添加，修改，还是删除  
                        if(item.id==1){// 添加  
                            document.getElementById("mydialog").title = "添加节点";  
                            var node = $("#tree").tree('getSelected');  
                            document.getElementById("txRolename").value = "";  
                            $('#mydialog').show(); // 弹出框显示  
                            $('#mydialog').dialog({   
                                 collapsible: true,   
                                 minimizable: true,   
                                 maximizable: true,   
                               
                                 buttons: [{   
                                    text: '提交',   
                                    iconCls: 'icon-ok',   
                                    handler: function() {   
                                         $.ajax({  
                                             url : "addTreeNode.do",  
                                             type : "post",  
                                             async : false,  
                                             data : "text="+$("#txRolename").val()+"&pid="+node.id,  
                                             dataType:"json",  
                                             success : function(data) {  
                                                 loadTree();                                               
                                                 $('#mydialog').dialog('close');  
                                                 $.messager.progress(); 
                                             }                                           
                                         });  
                                    }   
                                 }, {   
                                    text: '取消',   
                                    handler: function() {   
                                        $('#mydialog').dialog('close');  
                                    }   
                                    }]   
                            });   
                              
                        }else if(item.id==2){// 修改  
                            var node = $("#tree").tree('getSelected');  
                            document.getElementById("mydialog").title = "修改节点";  
                            document.getElementById("txRolename").value = node.text;  
                            $('#mydialog').show();   
                            $('#mydialog').dialog({   
                                 collapsible: true,   
                                 minimizable: true,   
                                 maximizable: true,   
                               
                                 buttons: [{   
                                    text: '提交',   
                                    iconCls: 'icon-ok',   
                                    handler: function() {   
                                           
                                         $.ajax({  
                                             url : "updTreeNode.do",  
                                             type : "post",  
                                             async : false,  
                                             data : "text="+$("#txRolename").val()+"&id="+node.id,  
                                             dataType:"json",  
                                             success : function(data) {  
                                                 loadTree();                                                   
                                                 $('#mydialog').dialog('close');  
                                             }  
                                           
                                         });  
                                    }   
                                 }, {   
                                    text: '取消',   
                                    handler: function() {   
                                        $('#mydialog').dialog('close');  
                                    }   
                                    }]   
                            });   
                              
                        }else if(item.id==3){// 删除  
                            var node = $("#tree").tree('getSelected');  
                            $('#mydialogtemp').show();   
                            $('#mydialogtemp').dialog({   
                                 collapsible: true,   
                                 minimizable: true,   
                                 maximizable: true,   
                               
                                 buttons: [{   
                                    text: '提交',   
                                    iconCls: 'icon-ok',   
                                    handler: function() {   
                                         alert('提交数据');   
                                         $.ajax({  
                                             url : "delTreeNode.do",  
                                             type : "post",  
                                             async : false,  
                                             data :"id="+node.id,  
                                             dataType:"json",  
                                             success : function(data) {  
                                                 loadTree();                                                   
                                                 $('#mydialogtemp').dialog('close');  
                                             }  
                                           
                                         });  
                                    }   
                                 }, {   
                                    text: '取消',   
                                    handler: function() {   
                                        $('#mydialog').dialog('close');  
                                    }   
                                    }]   
                            });   
                              
                        }  
                     }      
                 })   
			}
		 })
		
	});
	
	//添加lab标签
	function openTab(text,url,text1){  
	    
	    if($("#tabs").tabs('exists',text)){  
	        $("#tabs").tabs('select',text);  
	    }else{  
	        url = url+"area="+text1;  
	        alert(url);  
	        var content="<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%' src="+url+"></iframe>";  
	        $("#tabs").tabs('add',{  
	            title:text,  
	            closable:true,  
	            content:content  
	        });  
	    }  
	}  
	
	// 加载树  
    function loadTree(){  
        $("#tree").tree({  
            url:'getNodesByParentId.do?id=1',  
            onLoadSuccess:function(node,data){  
                 var tree = $(this);  
                 if(data){  
                     $(data).each(function(index,d) {  
                         if (this.state=='closed') {  
                             tree.tree('expandAll');  
                         }  
                     });  
                 }  
            }});  
    }

4.2 后台接口添加

4.2.1 Mapper配置

<insert id="addTreeNode" parameterType="treeMap" useGeneratedKeys="true" keyProperty="id" >
		INSERT INTO tree(pid,text,attributes) VALUES(#{pid},#{text},#{attributes});
	</insert>
	
	<update id="updTreeNode" parameterType="treeMap">
		update tree set text = #{text} where id = #{id};
				  		
	</update>
	
	<delete id="delTreeNode" parameterType="integer">
		delete from tree where id = #{id};
	</delete>

4.2.2 Dao层及其实现类


/**
	 * 创建一个新的节点
	 * @param tree
	 */
	public void addTreeNode(Tree tree);
	
	/**
	 * 修改节点信息
	 * @param tree
	 */
	public void updTreeNode(Tree tree);
	
	/**
	 * 删除节点
	 * @param id
	 */
	public void delTreeNode(int id);

@Override
	public void addTreeNode(Tree tree) {
		System.out.println(tree.toString());
		SqlSession sqlSession =(SqlSession) this.getSqlSessionFactory().openSession();
		sqlSession.insert("com.chenqk.springmvc.entity.Tree.addTreeNode", tree);
		sqlSession.commit();
		
	}


	@Override
	public void updTreeNode(Tree tree) {
		SqlSession sqlSession =(SqlSession) this.getSqlSessionFactory().openSession();
		sqlSession.update("com.chenqk.springmvc.entity.Tree.updTreeNode", tree);
		sqlSession.commit();
	}


	@Override
	public void delTreeNode(int id) {
		SqlSession sqlSession =(SqlSession) this.getSqlSessionFactory().openSession();
		sqlSession.delete("com.chenqk.springmvc.entity.Tree.delTreeNode", id);
		sqlSession.commit();
	}

4.2.3 Service及其实现类

/**
	 * 创建一个新的节点
	 * @param tree
	 */
	public void addTreeNode(Tree tree);
	
	/**
	 * 修改节点信息
	 * @param tree
	 */
	public void updTreeNode(Tree tree);
	
	/**
	 * 删除节点
	 * @param id
	 */
	public void delTreeNode(int id);


@Override
	public List<Tree> getNodesByParentId(int pid) {
		return treeDao.getNodesByParentId(pid);
	}

	@Override
	public void addTreeNode(Tree tree) {
		treeDao.addTreeNode(tree);
		
	}

	@Override
	public void updTreeNode(Tree tree) {
		treeDao.updTreeNode(tree);
		
	}

	@Override
	public void delTreeNode(int id) {
		treeDao.delTreeNode(id);
		
	}

4.2.4 Controller控制层


/**
	 * 添加节点信息
	 * @param text 节点名称
	 * @param pid  父节点
	 * @param response
	 */
	@RequestMapping(value="/addTreeNode",method=RequestMethod.POST)
	public void addTreeNode(@RequestParam String text,int pid,HttpServletResponse response){
		System.out.println("text="+text+":pid="+pid);
		Tree tree = new Tree();
		tree.setPid(pid);
		tree.setText(text);
		tree.setAttributes("getAreasPersonById.do?");
		treeService.addTreeNode(tree);
	}
	
	/**
	 * 修改节点信息
	 * @param text 节点名称
	 * @param id   节点id
	 * @param response
	 */
	@RequestMapping(value="/updTreeNode",method=RequestMethod.POST)
	public void updTreeNode(@RequestParam String text,int id,HttpServletResponse response){
		Tree tree = new Tree();
		tree.setId(id);
		tree.setText(text);
		treeService.updTreeNode(tree);
	}
	
	/**
	 * 删除节点信息
	 * @param id
	 * @param response
	 */
	@RequestMapping(value="/delTreeNode",method=RequestMethod.POST)
	public void delTreeNode(@RequestParam int id,HttpServletResponse response){
		treeService.delTreeNode(id);
	}


写的匆忙，但是功能应该都能用，可能会有小的BUG，这里就不一一调试了。
     最新的源码已经上传：http://download.youkuaiyun.com/download/chenqk_123/10139397

easyuiTree实例
03-06
项目是关于搭建easyui+springmvc+mybatis+mysql 来实现管理系统的功能，其中还使用了funcharts来实现报表的形式。里面有sql文件，导入到数据库中，加载好项目，就可以运行。
easyui tree 例子
08-09
easyui tree 例子
Element UI 树形控件(Tree)使用详解
最新发布
gitblog_00316的博客
05-30 778
Element UI 树形控件(Tree)使用详解 树形控件(Tree)是Element UI中用于展示层级数据的重要组件，它能够清晰地展示具有父子关系的数据结构。本文将全面介绍Tree组件的各种用法和特性。 基本用法 最基本的树形结构展示，只需要提供层级数据即可。 <el-tree :data="data" :props="defaultProps"...
Easyui中Tree例子
iteye_10299的博客
09-16 271
最近项目需要用到easyui中的tree，在使用的过程中发现了一些问题，现在将这些总结如 1、用到的属性有：id，text，state，children，checked 2、当有子节点的时候，在添加state属性，如果先添加state=“closed”，会出现空的文件夹点击时会继续加载整棵树   前台页面 &lt;!DOCTYPE HTML&gt; &lt;html lang="en...
Easyui实例--tree组件的使用1
chenqk_123的专栏
11-29 1436
最近在忙项目，导致之前的easyUI组件的博客暂停了一阵，再加上重新捡起来java后端代码，中间还是颇费时间的。之前讲过easyUI+springmvc的整体构建项目，在这里就直接进入主题了。 针对之前出现的tree代码不全的问题，在这里再次抱歉了。 好了言归正传，来先看看tree官方提供的API是怎么实现的。 1.easyUI tree组件的定义 官方提供了两种是实现方式： 1.使用e
简单了解EasyUI中的tree控件
卷心菜投手
11-30 512
前言：之前使用了ztree这次感受以下easyui的tree控件！ 第一步：引入相关jar和css， &lt;!-- 引入easyui --&gt; &lt;link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"&gt; &lt;link rel="stylesheet" typ
jquery-easyui-tree学习
10-09
《jQuery EasyUI Tree组件深度解析与实践应用》 在Web开发中，为了构建用户友好的交互界面，我们经常需要使用到各种UI库。jQuery EasyUI就是这样一个强大的前端框架，它基于jQuery，提供了丰富的组件，包括今天我们...
springmvc-easyui-tree增删改
11-30
SpringMVC是Spring框架的一个模块，专门用于处理Web应用程序的模型-视图-控制器（MVC）架构，而EasyUI则是一个基于jQuery的前端UI库，提供了一系列美观且易于使用的组件，包括树形控件、窗口、表格等。现在我们来...
easyui-datagrid&&easyui-tree实例
06-17
通过以上步骤，我们可以利用EasyUI的datagrid和tree组件，结合ASP.NET技术，实现与数据库的交互，为开发初学者提供了一个基础但实用的Web应用框架。在实际项目中，还可以根据需求扩展功能，如添加分页、搜索、排序等...
jquery-easyui-1.7.0.zip官方文档
11-04
2. 组件丰富：包括对话框（Dialog）、表格（Grid）、表单（Form）、菜单（Menu）、树形控件（Tree）、下拉选择（Combobox）等多种常见UI组件，满足各种界面需求。 3. 主题支持：内置多套主题，可自定义样式，满足...
EasyUI Tree+Asp.net实现权限树或目录树导航的简单实例
10-26
EasyUI Tree与***结合使用实现权限树或目录树导航的功能，主要适用于构建网站后台管理系统中的导航模块，便于用户对网站的结构与权限进行管理。该实现方式利用了前端框架EasyUI提供的Tree控件和***的后台处理能力。 ...
jQuery EasyUI 数据树控件（Tree）的简单使用实例
weixin_30845171的博客
12-08 265
最近在了解mvc+jQuery+EasyUI 开发web应用程序，使用EasyUI 的Tree 树形控件全动态生成无限级Tree的时候，不知道具体怎么实现，首先想到的递归函数，花了一段弄了个demo,实现方法具体如下： 1，首先写了一个辅助的Model（CityEasyTree EasyUI Tree需要的的数据格式要符合json。标明 EasyUI Tree...
easyUI tree的使用
qq_43224049的博客
10-08 884
 tree    根节点        父节点/子节点    枝节点/叶节点  1.tree的使用 用后台来体现父子关系 后天用map集合来体现 首先建立一个实体类来体现那样的父子关系 public class TreeNode { private String id; private String text; private Map&lt;String, Object&gt; a...
如何使用EasyUI Tree控件
qixiang_chen的博客
12-06 1549
树状数据结构是项目开发中经常使用的，使用EasyUI开发前端界面最好使用EasyUI提供的Tree控件，使用起来非常容易。 树状数据结构遍历有两种方法： 一是：使用递归调用穷举数据结构的每一级节点，编程比较麻烦， 二是：使用异步加载的方式，每次点击鼠标展开当前节点的下一级节点，编程比较简单。 ...
一个好用的Treeview控件
高老庄的专栏
02-13 707
Microsoft 有一个用于.NET的TreeView控件,使用不太方便,样式也少.ebout 的TreeView控件,使用简单,样式也多。下载地址http://www.asptreeview.com;解压后将Component/ASPNET/下的obout_ASPTreeView_2_NET.dll复制到web根目录下的bin文件夹中，将TreeIcons复制到web根目录下
EasyUI实例--tree的使用3
chenqk_123的专栏
12-13 1535
在之前的文章中说到关于tree的使用方式，介绍了基本树的生成规则以及前后台通信达到tree的可变性。介绍的是一种最基本的树，而且是基于根节点的树。 最近有人看到博客问我有关于tree的问题，我不想基于根节点的tree，我只有二级节点或者我只有三级节点。然后翻了翻easyUI的API发现了一种树可以实现这种需求-----Async Tree 1.JSON格式 既然异步树支持，那么猜想一下他说
EasyUI Dialog控件
李守宏
04-30 3841
代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> Dialog $(function(){ $('#dd').dialog({
easyui_02(tree前端工作)
qq_65716482的博客
05-06 634
一、思维导图： 二、tree控件的使用： 1、树控件也可以定义在一个空<ul>元素中并使用Javascript加载数据 2、每个节点都具备以下属性： id：节点ID，对加载远程数据很重要。 text：显示节点文本。 state：节点状态，'open'或 'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。 checked：表示该节点是否被选中。 attributes: 被添加到节点的自定义属性。 .
easyui与ztree结合实战实例
从放弃到开始
11-25 1226
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。但功能相对没extjs强大，但页面也是相当好看的。一些功能也足够开发者使用，相对于extjs更轻量。        ...
EasyUI-Tree节点绑定实例：数据库直连操作指南
其中，EasyUI-Tree组件是一种可以实现树形数据结构展示和管理的UI组件，它能够用于展示层次化的数据，比如文件目录、组织架构等信息。使用EasyUI-Tree可以极大地简化开发流程，提升用户体验。 ### 知识点详解： ##...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值