easyUI-tree

最新推荐文章于 2022-05-06 13:01:24 发布
最新推荐文章于 2022-05-06 13:01:24 发布
阅读量438 收藏
点赞数
分类专栏： EasyUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zq33312757/article/details/50720925
版权

Tree（树）

使用$.fn.tree.defaults重写默认值对象。

树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。

依赖关系
使用案例

树控件使用<ul>元素定义。标签能够定义分支和子节点。节点都定义在<ul>列表内的<li>元素中。以下显示的元素将被用作树节点嵌套在<ul>元素中。

  1. <blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><ul id="tt" class="easyui-tree"></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span>Folder</span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><ul></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span>Sub Folder 1</span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><ul></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span><a href="#">File 11</a></span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span>File 12</span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span>File 13</span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></ul></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span>File 2</span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span>File 3</span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></ul></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><li></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span>File21</span></span>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"></li></span>
</ul>


树控件也可以定义在一个空<ul>元素中并使用Javascript加载数据。

  1. <ulid="tt"></ul>

  1. $('#tt').tree({
  2. url:'tree_data.json'
  3. });

使用loadFilter函数处理来自Web Services的JSON数据。

  1. $('#tt').tree({
  2. url: ...,
  3. loadFilter: function(data){
  4. if (data.d){
  5. return data.d;
  6. } else {
  7. return data;
  8. }
  9. }
  10. });


树控件数据格式化

每个节点都具备以下属性：

  • id：节点ID，对加载远程数据很重要。
  • text：显示节点文本。
  • state：节点状态，'open' 或 'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。
  • checked：表示该节点是否被选中。
  • attributes: 被添加到节点的自定义属性。
  • children: 一个节点数组声明了若干节点。

一些案例：

  1. [{
  2. "id":1,
  3. "text":"Folder1",
  4. "iconCls":"icon-save",
  5. "children":[{
  6. "text":"File1",
  7. "checked":true
  8. },{
  9. "text":"Books",
  10. "state":"open",
  11. "attributes":{
  12. "url":"/demo/book/abc",
  13. "price":100
  14. },
  15. "children":[{
  16. "text":"PhotoShop",
  17. "checked":true
  18. },{
  19. "id": 8,
  20. "text":"Sub Bookds",
  21. "state":"closed"
  22. }]
  23. }]
  24. },{
  25. "text":"Languages",
  26. "state":"closed",
  27. "children":[{
  28. "text":"Java"
  29. },{
  30. "text":"C#"
  31. }]
  32. }]


异步树控件

树控件内建异步加载模式的支持，用户先创建一个空的树，然后指定一个服务器端，执行检索后动态返回JSON数据来填充树并完成异步请求。例子如下：

  1. <ulclass="easyui-tree"data-options="url:'get_data.php'"></ul>

树控件读取URL。子节点的加载依赖于父节点的状态。当展开一个封闭的节点，如果节点没有加载子节点，它将会把节点id的值作为http请求参数并命名为'id'，通过URL发送到服务器上面检索子节点。

下面是从服务器端返回的数据。

  1. [{
  2. "id": 1,
  3. "text": "Node 1",
  4. "state": "closed",
  5. "children": [{
  6. "id": 11,
  7. "text": "Node 11"
  8. },{
  9. "id": 12,
  10. "text": "Node 12"
  11. }]
  12. },{
  13. "id": 2,
  14. "text": "Node 2",
  15. "state": "closed"
  16. }]

节点1和节点2是封闭的，当展开节点1的时候将直接显示它的子节点。当展开节点2的时候它将发送值(2)到服务器获取子节点。

属性

属性名属性值类型描述默认值
urlstring检索远程数据的URL地址。null
methodstring检索数据的HTTP方法。（POST / GET）post
animateboolean定义节点在展开或折叠的时候是否显示动画效果。false
checkboxboolean定义是否在每一个借点之前都显示复选框。false
cascadeCheckboolean定义是否层叠选中状态。true
onlyLeafCheckboolean定义是否只在末级节点之前显示复选框。false
linesboolean定义是否显示树控件上的虚线。false
dndboolean定义是否启用拖拽功能。false
dataarray节点数据加载。 
$('#tt').tree({
	data: [{
		text: 'Item1',
		state: 'closed',
		children: [{
			text: 'Item11'
		},{
			text: 'Item12'
		}]
	},{
		text: 'Item2'
	}]
});
null
formatterfunction(node)定义如何渲染节点的文本。

代码示例：

$('#tt').tree({
	formatter:function(node){
		return node.text;
	}
});
false
loaderfunction(param,success,error)定义如何从远程服务器加载数据。返回false可以忽略本操作。该函数具备以下参数：
param：发送到远程服务器的参数对象。
success(data)：当检索数据成功的时候调用的回调函数。
error()：当检索数据失败的时候调用的回调函数。		json loader
loadFilterfunction(data,parent)返回过滤过的数据进行展示。返回数据是标准树格式。该函数具备以下参数：
data：加载的原始数据。
parent: DOM对象，代表父节点。		 
事件

很多事件的回调函数都包含'node'参数，其具备如下属性：

  • id：绑定节点的标识值。
  • text：显示的节点文本。
  • iconCls：显示的节点图标CSS类ID。
  • checked：该节点是否被选中。
  • state：节点状态，'open' 或 'closed'。
  • attributes：绑定该节点的自定义属性。
  • target：目标DOM对象。

事件名事件参数描述
onClicknode

在用户点击一个节点的时候触发。

代码示例： 

$('#tt').tree({
	onClick: function(node){
		alert(node.text);  // 在用户点击的时候提示
	}
});
onDblClicknode在用户双击一个节点的时候触发。
onBeforeLoadnode, param在请求加载远程数据之前触发，返回false可以取消加载操作。
onLoadSuccessnode, data在数据加载成功以后触发。
onLoadErrorarguments在数据加载失败的时候触发，arguments参数和jQuery的$.ajax()函数里面的'error'回调函数的参数相同。
onBeforeExpandnode在节点展开之前触发，返回false可以取消展开操作。
onExpandnode在节点展开的时候触发。
onBeforeCollapsenode在节点折叠之前触发，返回false可以取消折叠操作。
onCollapsenode在节点折叠的时候触发。
onBeforeChecknode, checked在用户点击勾选复选框之前触发，返回false可以取消选择动作。（该事件自1.3.1版开始可用）
onChecknode, checked在用户点击勾选复选框的时候触发。
onBeforeSelectnode在用户选择一个节点之前触发，返回false可以取消选择动作。
onSelectnode在用户选择节点的时候触发。
onContextMenue, node

在右键点击节点的时候触发。

代码示例： 

// 右键点击节点并显示快捷菜单
$('#tt').tree({
	onContextMenu: function(e, node){
		e.preventDefault();
		// 查找节点
		$('#tt').tree('select', node.target);
		// 显示快捷菜单
		$('#mm').menu('show', {
			left: e.pageX,
			top: e.pageY
		});
	}
});

// 右键菜单定义如下：
<div id="mm" class="easyui-menu" style="width:120px;">
	<div οnclick="append()" data-options="iconCls:'icon-add'">追加</div>
	<div οnclick="remove()" data-options="iconCls:'icon-remove'">移除</div>
</div>
onBeforeDragnode在开始拖动节点之前触发，返回false可以拒绝拖动。（该事件自1.3.2版开始可用）
onStartDragnode在开始拖动节点的时候触发。（该事件自1.3.2版开始可用）
onStopDragnode在停止拖动节点的时候触发。（该事件自1.3.2版开始可用）
onDragEntertarget, source在拖动一个节点进入到某个目标节点并释放的时候触发，返回false可以拒绝拖动。
target：释放的目标节点元素。
source：开始拖动的源节点。
（该事件自1.3.2版开始可用）
onDragOvertarget, source在拖动一个节点经过某个目标节点并释放的时候触发，返回false可以拒绝拖动。
target：释放的目标节点元素。
source：开始拖动的源节点。
（该事件自1.3.2版开始可用）
onDragLeavetarget, source在拖动一个节点离开某个目标节点并释放的时候触发，返回false可以拒绝拖动。
target：释放的目标节点元素。
source：开始拖动的源节点。
（该事件自1.3.2版开始可用）
onBeforeDroptarget, source, point在拖动一个节点之前触发，返回false可以拒绝拖动。
target：释放的目标节点元素。
source：开始拖动的源节点。
point：表示哪一种拖动操作，可用值有：'append','top' 或 'bottom'。
（该事件自1.3.3版开始可用）		 
onDroptarget, source, point当节点位置被拖动时触发。
target：DOM对象，需要被拖动动的目标节点。
source：源节点。
point：表示哪一种拖动操作，可用值有：'append','top' 或 'bottom'。
onBeforeEditnode在编辑节点之前触发。
onAfterEditnode在编辑节点之后触发。
onCancelEditnode在取消编辑操作的时候触发。
方法

方法名方法参数描述
optionsnone返回树控件属性。
loadDatadata读取树控件数据。
getNodetarget获取指定节点对象。
getDatatarget获取指定节点数据，包含它的子节点。
reloadtarget重新载入树控件数据。
getRootnone获取根节点，返回节点对象。
getRootsnone获取所有根节点，返回节点数组。
getParenttarget获取父节点，'target'参数代表节点的DOM对象。
getChildrentarget获取所有子节点，'target'参数代表节点的DOM对象。
getCheckedstate获取所有选中的节点。'state'可用值有：'checked','unchecked','indeterminate'。如果'state'未指定，将返回'checked'节点。

代码示例：

var nodes = $('#tt').tree('getChecked');	// get checked nodes
var nodes = $('#tt').tree('getChecked', 'unchecked');	// 获取未选择节点
var nodes = $('#tt').tree('getChecked', 'indeterminate');	// 获取不确定的节点
译者注：（1.3.4新增获取方式）

var nodes = $('#tt').tree('getChecked', ['unchecked','indeterminate']);
getSelectednone获取选择节点并返回它，如果未选择则返回null。
isLeaftarget判断指定的节点是否是叶子节点，target参数是一个节点DOM对象。
findid

查找指定节点并返回节点对象。

代码示例： 

// 查找一个节点并选择它
var node = $('#tt').tree('find', 12);
$('#tt').tree('select', node.target);
selecttarget选择一个节点，'target'参数表示节点的DOM对象。
checktarget选中指定节点。
unchecktarget取消选中指定节点。
collapsetarget折叠一个节点，'target'参数表示节点的DOM对象。
expandtarget展开一个节点，'target'参数表示节点的DOM对象。在节点关闭或没有子节点的时候，节点ID的值(名为'id'的参数)将会发送给服务器
请求子节点的数据。
collapseAlltarget折叠所有节点。
expandAlltarget展开所有节点。
expandTotarget打开从根节点到指定节点之间的所有节点。
scrollTotarget滚动到指定节点。（该方法自1.3.4版开始可用）
appendparam

追加若干子节点到一个父节点，param参数有2个属性：
parent：DOM对象，将要被追加子节点的父节点，如果未指定，子节点将被追加至根节点。
data：数组，节点数据。

代码示例：

// 追加若干个节点并选中他们
var selected = $('#tt').tree('getSelected');
$('#tt').tree('append', {
	parent: selected.target,
	data: [{
		id: 23,
		text: 'node23'
	},{
		text: 'node24',
		state: 'closed',
		children: [{
			text: 'node241'
		},{
			text: 'node242'
		}]
	}]
});
toggletarget打开或关闭节点的触发器，target参数是一个节点DOM对象。
insertparam在一个指定节点之前或之后插入节点，'param'参数包含如下属性：
before：DOM对象，在某个节点之前插入。
after：DOM对象，在某个节点之后插入。
data：对象，节点数据。

下面的代码展示了如何将一个新节点插入到选择的节点之前：

var node = $('#tt').tree('getSelected');
if (node){
	$('#tt').tree('insert', {
		before: node.target,
		data: {
			id: 21,
			text: 'node text'
		}
	});
}
译者注：（1.3.4新增获取方式）
var node = $('#tt').tree('getSelected');
if (node){
	$('#tt').tree('insert', {
		before: node.target,
		data: [{
		    id: 23,
		    text: 'node23'
	                },{
	    	    text: 'node24',
	                    state: 'closed',
		    children: [{
			text: 'node241'
		    },{
			text: 'node242'
		    }]
	                }]
	});
}
removetarget移除一个节点和它的子节点，'target'参数是该节点的DOM对象。
poptarget移除一个节点和它的子节点，该方法跟remove方法一样，不同的是它将返回被移除的节点数据。
updateparam更新指定节点。'param'参数包含以下属性：
target(DOM对象，将被更新的目标节点)，id，text，iconCls，checked等。

代码示例：

// 更新选择的节点文本
var node = $('#tt').tree('getSelected');
if (node){
	$('#tt').tree('update', {
		target: node.target,
		text: 'new text'
	});
}
enableDndnone启用拖拽功能。
disableDndnone禁用拖拽功能。
beginEdittarget开始编辑一个节点。
endEdittarget结束编辑一个节点。
cancelEdittarget取消编辑一个节点。
zq33312757
关注
专栏目录
easyUI之tree
Cat_Jay_Fish的博客
09-10 321
课程目标 需求点： 1.点击左侧侧显示右侧Tab 1.1给菜单添加点击事件 1.2调用tabs选项卡，打开对应的页面 选项卡打开 选项卡对应的页面展示 2.不能打开重复的Tab 拿到目前打开的tabs选项卡，与将要打开的选项卡做对比（exists） 存在true:不打开 不存在false:d打开 ...
Jquery easyui tree的使用
热门推荐
胡汉三
08-29 11万+
这个ui用的一切都是json数据。树也是如此！ h
EasyUI Tree 树
Charge8的博客
10-07 6781
  一、EasyUI Tree 树：http://www.jeasyui.net/plugins/185.html 树（tree）在网页中以树形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。 用法 树（tree）定义在 &lt;ul&gt; 元素中。该标记可定义叶节点和子节点。节点将是 ul 列表内的 &lt;li&gt; 元素。 属性 每个节点可以包括下列属性：...
easyui tree
闪耀星星的窝
07-18 198
CSS: #auditTree .tree-folder { background: url('/images/audit.png') no-repeat center center; } #auditTree .tree-file { background: url('/images/result.png') no-repeat center center; } #auditTree .tree-file.icon-start, #auditTree .tree-folder.ico.
EasyuiTree
qq_42434712的博客
06-15 282
//controller@RequestMapping("getDataById")    @ResponseBody    public List&lt;Privilages&gt; getData(HttpServletRequest request){        HttpSession session = request.getSession();        User u=(User...
树节点绑定（EasyUI-Tree）内含数据库打开直接用
10-23
本文将深入探讨“树节点绑定（EasyUI-Tree）内含数据库打开直接用”这一主题，主要涉及EasyUI的Tree组件、C#后端处理以及ASP.NET的应用。 1. EasyUI Tree组件： EasyUI的Tree组件是一种展示层次结构数据的视图，它...
ssm+mysql+easyui-tree省市区三级联动
11-20
本项目“ssm+mysql+easyui-tree省市区三级联动”则是在这个框架基础上实现的一个功能模块，主要用于处理地理区域的联动选择，如省、市、区的三级选择。下面我们将详细探讨这一知识点。 首先，Spring作为核心的依赖...
easyUI-springmvc-tree-demo
11-29
《easyUI与SpringMVC整合实现Tree组件操作详解》 在Web开发中，前端界面的交互性和用户体验至关重要，其中树形结构（Tree）组件是一种常用的数据展示方式，它能够清晰地展示层次关系，便于用户浏览和操作。EasyUI是...
springmvc-easyui-tree增删改
11-30
现在我们来详细探讨一下"springmvc-easyui-tree增删改"这个主题。 在SpringMVC中，实现数据的增删改通常涉及以下步骤： 1. **模型**：首先，你需要定义一个Java类来表示你的数据模型。例如，如果我们正在处理一个...
Jquery-easyui-tree常见操作
04-24
### Jquery-easyui-tree 常见操作详解 在前端开发中，树形结构（Tree）是非常常见的数据展示方式之一。它可以帮助我们更清晰地组织和展示具有层级关系的数据。Jquery-easyui-tree 是基于 jQuery 和 EasyUI 的一个...
EasyUI中的tree用法介绍
12-10
真的是太忙了，本应该有好多东西可以写，但是没什么闲时间，每次想到写的时候，来点事就又给忘了。10月最后一天了，在忙也得把这篇文章写完，不然又得多一个空白月了。 　　这是之前带领成员开发一个小模块功能的时候，需要用到弹出窗口加载树状级联单位选择，最后决定用采用jQuery+EasyUI插件进行开发。但是在使用EasyUI中tree的插件时，碰到了不少麻烦。为了提供弹出树的显示速度，就采用异步加载数节点值，首先先加载根节点，然后根据点击的节点展开加载子节点。 　　往往结果和预期的都不一样，困惑了几天，展开后子节点是动态加载了，但是收缩后无法清空之前填充的数据；第二次在展开时，子节点又被重复加载了一
easyUi_tree
weixin_44486850的博客
02-18 161
简介 树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。 tree的常用方式 树控件使用&amp;lt; ul &amp;gt;元素定义。标签能够定义分支和子节点。节点都定义在&amp;lt; ul &amp;gt;列表内的&amp;lt; li &amp;gt;元素中。 事例： &amp;lt;ul id=&quot;tt&quot; class=&quot;easyui-
easyui(tree树)
weixin_65795413的博客
05-06 505
首先老样子先看思维导图： 所以我们分三个来讲： 一.tree控件的使用：当我们使用的tree控件的时候先要导入一个tree_data1.json的json文件然后在引用即可 代码如下：（注意路径） //页面载入函数 $(function() { //加载树的数据 ajax $('#myTree').tree({ url : ctx + '/data/tree_data1.json', //请求地址 }) } 效果： 二.easyui图标的使用 我们只需要在t
easyui的tree（静态树/动态树）
qq_45547474的博客
06-21 3566
easyui的tree一、tree简介二、tree组件工具类的实现思路三、tree组件工具类的使用四、总结二级目录三级目录 一、tree简介 二、tree组件工具类的实现思路 三、tree组件工具类的使用 四、总结 二级目录 三级目录 ...
EasyUI（tree组件）
m0_46690290的博客
06-22 503
tree组件tree（树的简介）树控件数据格式化目标工具（jar包与通用类）三级目录 tree（树的简介） 树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。 树控件数据格式化 1.每个节点都具备以下属性： 属性 释义 id 节点ID，对加载远程数据很重要。 text 显示节点文本。 state 节点状态，‘open’ 或 ‘closed’，默认：‘open’。如果为’closed’的时候，将不自动展开该节点。 check
关于EasyUI中的Tree
liudanyang_21的博客
08-15 209
2017年6月21日，天气阴。心情比较沉重。 近期由于毕设的事情，三周不写代码了。这周测试提交了一些BUG，于是开始着手处理，还真的是熟能生巧，三周的功夫就感觉有点生疏。其中有一个BUG就是角色对应的菜单权限是写死的，理论上应该从数据库读取。其实之前一直知道应该这么做，只不过树这个功能确实耗了我很长时间，当时为了追赶进度就写死了。最开始我用的ZTree做的，花了三天时间没有做出来，后来我换成了EasyUI，树倒了显示出来了，只不过没有从数据库读数据。刚开始处理的时候还以为问题不大，把数据从数...
Easyui(tree组件)
XiaoZJun的博客
06-22 211
tree组件工具类的使用 实现tree效果 后台展示 理论：外层循环节点id如果等于内层循环节点的父id，那么久意味着内层循环当前的循环的节点是外层循环节点的儿子， 那么此时就可以将内层循环的节点放入外层循环绝点的children属性中； 基本包跟类 实体类 package com.zhoujun.entity; public class Menu { private String serialNo; private String menuid; private String menuname;
Easyui Tree 关于树的操作
爱莫能助
07-31 1104
转载连接：http://www.jeasyuicn.com/the-extended---easyui-tree-method-getlevel-access-node-level.html Easyui Tree一直就没有提供这个方法,以前没有用到,所以一直没怎么在意,这次自己用到了,顺便扩展了一个方法,分享给大家. 1 $.extend($.f
JavaEasyuiTree
qq_42160596的博客
11-14 357
EasyuiTree 根据文件路径,使用easyui生成目录结构 实体类 /**实体类,存储文件属性*/ public class Obj { //{ &quot;id&quot;:&quot;11&quot;, &quot;pId&quot;:&quot;0&quot;, &quot;name&quot;:&quot;基础数据&quot;}, private Integer id; private Int
asp.net mvc easyui-tree
最新发布
12-15
ASP.NET MVC EasyUI-Tree 是一种用于在ASP.NET MVC应用程序中实现树状结构的开源插件。它基于EasyUI框架，为开发人员提供了一种简单而强大的方式来展示和操作树形数据。 使用ASP.NET MVC EasyUI-Tree可以实现以下功能： 1. 数据展示：可以将树状数据以层级结构展示出来，帮助用户更直观地理解数据之间的关系。 2. 数据操作：可以对树状数据进行增加、编辑和删除等操作，使用户可以方便地对树节点进行维护和管理。 3. 数据筛选：可以通过设置过滤条件实现对树状数据的快速筛选，只显示符合条件的节点。 4. 数据排序：可以对树状数据进行排序，按照特定字段的升序或降序排列。 5. 数据搜索：可以通过关键字搜索来快速定位包含特定内容的节点。 6. 数据导入/导出：可以将树状数据导入到Excel等格式文件中，或者将外部数据导入到树状结构中。 7. 数据异步加载：对于大量数据，可以采用异步加载的方式实现分页加载，提升性能和用户体验。 使用ASP.NET MVC EasyUI-Tree需要进行一些配置和编写代码，但整体来说相对容易上手。它提供了丰富的API和事件以供开发人员自定义和扩展，能够满足不同需求的应用场景。 总而言之，ASP.NET MVC EasyUI-Tree是一个强大而易用的工具，能够帮助开发人员在ASP.NET MVC应用程序中轻松地实现树状结构的展示和操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值