`

Easyui Tree 获取节点 层级

 
阅读更多
$(function(){
	$.extend($.fn.tree.methods, {
		getLevel:function(jq,target){
			var l = $(target).parentsUntil("ul.tree","ul");
			return l.length+1;
		}
	});
	
	initTree();
	

});

function initTree(){
	var node = $('#myTree').tree("getSelected");
	var lv =  $('#myTree').tree("getLevel",node.target);
	alert(lv);
}

 

分享到:
评论

相关推荐

    Easyui Tree获取当前选择节点的所有顶级父节点

    总结来说,获取Easyui Tree当前选择节点的所有顶级父节点的关键在于递归地调用`tree('getParent'...)`方法,直到达到根节点或达到预设的深度限制。同时,通过适当的数据结构(如字符串)记录路径,并在需要时展示...

    easyui tree

    在 EasyUI 中,"Tree" 是一个重要的组件,常用于展示层级结构的数据,如组织架构、文件目录等。本例子是关于如何使用 EasyUI 来生成一个简单的树形结构,非常适合初学者学习。 首先,我们需要理解 EasyUI Tree 的...

    easyui tree 三帧界面

    首先,EasyUI的Tree组件是一个强大的树形结构控件,它可以用来展示层级关系的数据。创建Tree的基本步骤包括引入EasyUI的CSS和JS文件,定义HTML结构,然后用JavaScript进行初始化和数据绑定。例如: ```html ...

    EasyUI tree 及 DataGrid

    EasyUI 的 Tree 控件用于展示层次结构的数据,它可以被用来展示文件系统、组织架构或任何具有层级关系的数据。Tree 具有加载子节点、展开/折叠节点、节点选择等多种功能。在本项目中,可能通过 AJAX 从服务器动态...

    jquery easyui tree 树形列表节点异步加载

    jQuery EasyUI的Tree组件用于创建具有层级结构的展示,它可以模拟文件系统、组织架构等。Tree组件的基本使用包括定义HTML元素,设置`class="tree"`,并为每个节点提供`data-url`属性来指定数据源。 ### 2. 异步加载...

    JqueryEasyUI Tree 动态加载,稍作修改就可以用了

    Tree组件是jQuery EasyUI中的一个重要部分,用于展示层级结构的数据,如目录、组织结构等。本篇文章将深入探讨如何实现jQuery EasyUI Tree的动态加载,并根据提供的标题和描述,分享一些可能的实现方法。 动态加载...

    easyui tree 例子

    其中,Tree组件是EasyUI的重要组成部分,用于展示层级结构的数据,如组织架构、文件目录等。在这个“easyui tree 例子”中,我们可以探讨几个关键的知识点,包括EasyUI Tree的基本使用、数据绑定、事件处理以及如何...

    easyui Tree系统管理

    9. **拖放功能**:EasyUI Tree支持拖放操作,用户可以调整节点的位置,实现动态的层级关系调整。需要设置`draggable`和`droppable`属性,并绑定相应的拖放事件。 10. **搜索功能**:利用`tree.search keyword`方法...

    Jquery-easyui-tree常见操作

    本文详细介绍了 Jquery-easyui-tree 的一些常见操作,包括加载树、获取所有选中节点、展开和折叠所有节点、展开和折叠指定节点以及添加新节点等。通过这些基本的操作,我们可以根据具体需求灵活地管理和操作树形结构...

    权限管理EasyUI tree 及DateGrid 项目案例

    在权限管理中,tree常用于展现用户的权限层级关系,允许用户通过展开和收缩节点来查看和操作不同级别的权限。通过JavaScript事件处理,用户可以进行选择、展开、折叠等操作,同时这些操作的结果可以通过Ajax发送到...

    jQuery EasyUI tree增加搜索功能的实现方法

    在描述中提到的实现方法是通过扩展jQuery EasyUI的`tree`方法,增加一个名为`search`的新功能,用于在tree组件中进行节点的模糊匹配搜索。这个扩展方法首先会隐藏所有不匹配搜索文本的节点,然后显示匹配到的节点及...

    解析jquery easyui tree异步加载子节点问题

    Tree组件则是EasyUI中的一个组件,用于展示层级数据,如树状目录。 在使用EasyUI的Tree组件时,可以有两种方式来建立树结构:一种是直接通过HTML标记来构建;另一种是通过指定一个URL属性,Tree组件会自动从服务器...

    jQuery EasyUI tree 使用拖拽时遇到的错误小结

    在实际应用中,tree组件的拖拽功能允许用户通过鼠标操作重新排列树节点的顺序,或者将节点从一个树转移到另一个树中。拖拽功能提升了用户界面的交互性和用户体验。 #### 技术问题描述与分析 问题的根源在于tree组件...

    jquery使用EasyUI Tree异步加载JSON数据(生成树)

    首先,我们来看下EasyUI的Tree组件,它是基于jQuery的UI组件库EasyUI中的一个用于展示层级数据的组件。它支持无限级的树形结构,并且支持异步加载节点数据,这样可以大大提高页面的响应速度,尤其是在数据量较大的...

    Easyui异步生成树节点,动态获取树节点

    在 EasyUI Tree 中,我们可以设置 `url` 属性指向服务器端的接口,当用户展开某个父节点时,Tree 将发送请求获取该父节点的子节点数据。这样,初始页面加载时只需要加载根节点,减少了页面初始化时的数据量。 3. **...

    【ASP.NET编程知识】EasyUI Tree+Asp.net实现权限树或目录树导航的简单实例.docx

    在服务器端,`GetTreeDataFromDB.ashx`这个处理程序需要负责从数据库中获取数据,并将其转换为EasyUI Tree所期望的JSON格式,一般包含节点ID、文本、以及可能的附加属性。数据结构通常类似这样: ```json [ { "id...

    easyui成型模板(datagrid+tree+另附数据库)

    EasyUI 的 Tree 支持节点的展开与折叠、异步加载、节点操作等功能。同样,你可以通过 JavaScript 来配置节点的文字、图标、是否可选等属性,并通过 JSON 数据来定义树的结构。异步加载可以在用户展开节点时动态请求...

    EasyUI:基本布局&tree菜单数据的绑定&DataGrid数据查询&数据绑定&分页

    EasyUI 的 Tree 控件可以展示层级结构的数据,非常适合用于导航菜单或者组织结构展示。数据通常以 JSON 格式提供,每个节点包含 id、text、children 等属性。通过 JavaScript 的 `$(selector).tree({data: jsonData}...

Global site tag (gtag.js) - Google Analytics