`

扩展easy ui tree 层级(level)

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


$('#basicLineTypeTree').tree({
				url: 'getBasicLineTypes.action',
				onClick:function(node){
					basicLineTypeId = node.id;
					refreshPage('#baseLineAttrTab');
					$('#baseLineAttrTab').datagrid('reload',{'basicLineTypeId':node.id});
					//清空table选择项
					$('#baseLineAttrTab').datagrid('unselectAll');
				},
				onContextMenu: function(e, node){
					e.preventDefault();
					$('#basicLineTypeTree').tree('select', node.target);
					var level =  $('#basicLineTypeTree').tree("getLevel",node.target);
					$('#basicLineTypeTreeMenu').menu('show', {
						left: e.pageX,
						top: e.pageY
					});
				}
			});
分享到:
评论

相关推荐

    easy ui tree 前后端树形结构项目 权限管理demo

    本项目"easy ui tree 前后端树形结构项目 权限管理demo"提供了一个完整的解决方案,使用了Easy UI Tree库来实现前端的树形结构,并结合SSM(Spring、SpringMVC、MyBatis)框架和MySQL数据库进行后端处理。...

    easy ui tree比较全的功能

    Easy UI Tree是一款基于jQuery和Easy UI框架的树形控件,它提供了丰富的功能,用于在Web应用中展示层次结构的数据。这个"easy ui tree比较全的功能"的示例旨在为初学者提供一个全面了解和学习Easy UI Tree特性的平台...

    jquery easy ui tree

    标题 "jquery easy ui tree" 指的是使用 jQuery Easy UI 实现的树形组件。 在 Easy UI 的 Tree 组件中,你可以通过简单的 HTML 结构和 JavaScript 配置来创建树形结构。以下是一些关键知识点: 1. **HTML 结构**:...

    EasyTree的使用教程

    【EasyTree的使用教程...通过本教程,你应该能够掌握如何在项目中使用EasyTree,以及如何根据自己的需求进行扩展和优化。在实践中,不断探索和理解EasyTree的API,你将能够更灵活地构建出符合业务需求的树型结构展示。

    Jquery easy ui Tree组件使用(tree11.json当数据源有bug)

    然而,标题提到"Jquery easy ui Tree组件使用(tree11.json当数据源有bug)",这可能意味着在实际使用中遇到了问题。常见的问题可能包括: 1. **数据格式错误**:确保`tree11.json`文件的JSON格式正确无误,避免语法...

    jquery easy ui 离线API文档

    《jQuery Easy UI 离线API文档详解及CSS设计技巧》 jQuery Easy UI 是一个基于jQuery的前端开发框架,它提供了丰富的UI组件,使得开发者能够快速构建出美观且功能强大的Web应用。离线API文档是开发者在无网络环境下...

    EASY-UI示例;EASY-UI示例

    EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例

    Easy UI常用的UI框架

    `免费(jQuery_Easyui)教程.doc` 可能提供了一些额外的教程或实战案例,进一步扩展了对Easy UI的理解。 `jquery-easyui-1.2.4.zip` 是Easy UI 1.2.4版本的源码包,其中包含了所有必要的CSS、JavaScript文件以及示例...

    jquery easy ui模板

    **jQuery Easy UI 模板详解** jQuery Easy UI 是一个基于 jQuery 的前端开发框架,它提供了一系列的组件和样式,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个压缩包包含的 "jQuery Easy UI 学习...

    easy UI图标及CSS

    标题提到的“easy UI图标及CSS”是一套与EasyUI框架配套的图标资源,包含了一千个不同的图标,并且带有相应的CSS样式。 这些图标通常以矢量图形的形式存在,比如SVG格式,这样可以确保在不同屏幕分辨率下都能保持...

    easy ui 源代码

    5. **插件(plugins)**:在压缩包中的"plugins"文件夹可能包含了扩展Easy UI功能的插件。这些插件可能提供了额外的组件或增强了现有组件的功能,是框架的有力补充。 通过研究Easy UI的源代码,开发者不仅可以掌握...

    easy ui中文版

    - **组件丰富**:Easy UI 提供了如表格(datagrid)、树形控件(tree)、面板(panel)、表单元素(form)等多种组件,可以快速搭建网页布局。 - **响应式设计**:支持移动设备,可以自适应不同屏幕尺寸,提供良好...

    jquery easy ui edatagrid 动态编辑表格 例子

    `edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的交互性和数据编辑能力。 首先,`edatagrid`是基于jQuery和Easy UI框架的一个组件,它允许用户在表格中直接进行数据...

    简单的Easy UI网页

    【标题】"简单的Easy UI网页"指出我们讨论的是一个基于Easy UI框架构建的网页设计项目。Easy UI是一个轻量级的前端开发框架,主要用于简化HTML、CSS和JavaScript的开发过程,帮助开发者快速创建用户界面。它基于...

    JavaScript提高:001:ASP.NET使用easy UI

    Easy UI是一个基于jQuery的UI库,它提供了丰富的组件和模板,如表格、对话框、下拉菜单、按钮等,使得开发者无需从零开始编写复杂的CSS和JavaScript代码,就能快速构建出美观的Web界面。Easy UI的设计理念是简洁、...

    easy UI Demo供初学者使用

    这个压缩包“easy UI Demo”是为初学者准备的一个实例,它包含了使用jsp(JavaServer Pages)技术与easy UI结合的基本应用示例,帮助初学者更好地理解和应用easy UI。 在学习easy UI时,首先需要了解其核心概念。...

    jquery easy ui使用全解

    ### jQuery Easy UI 使用详解 #### 一、简介与安装配置 jQuery Easy UI 是一个基于 jQuery 的简化用户界面库,提供了一系列预定义的 UI 组件,如按钮、对话框、网格等,大大简化了 Web 应用程序的开发过程。通过...

    Jquery easy ui 中文帮助手册

    除了上述内容,jQuery Easy UI 还包括对话框(dialog)、表单(form)、树(tree)、下拉列表(combobox)、日期选择器(datebox)、时间选择器(timespinner)等多种组件,这些组件都有各自独特的用法和配置选项,...

    Easy UI图标扩展

    最近做的项目中,前台框架都是用的Easy UI,在使用的过程中发现Easy UI本身提供的图标不够用,所以我自己在icon.css文件中新添加了一些常用的图标,图标源文件放在themes/icons/custom文件夹下,其实很简单,只需要...

    unity Easy UI Motion v1.1.4.zip

    Easy UI Motion allows you to animate your 2D full screen interfaces made with Unity UI, easily and visually. Manage Opening /closing effects, or simple effects on element or groups of elements that ...

Global site tag (gtag.js) - Google Analytics