扩展easy ui tree 层级（level）

最新推荐文章于 2024-11-07 21:34:45 发布

tiantangqiu

最新推荐文章于 2024-11-07 21:34:45 发布

阅读量308

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： ui php

本文链接：https://blog.youkuaiyun.com/tiantangqiu/article/details/84692289

jQuery 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个使用jQuery扩展方法实现的树形菜单功能，包括获取菜单层级、点击及右键菜单事件处理等。通过简单的代码示例展示了如何利用jQuery操作DOM元素来实现树形结构的动态交互。

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

$.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
					});
				}
			});