EasyUI tree扩展获取实心节点

<script type="text/javascript">
			//扩展 获得tree 的实心节点
			$(function(){
				$.extend($.fn.tree.methods,{
					getCheckedExt: function(jq){
						var checked = $(jq).tree("getChecked");                     //获取选中的选项 也就是打钩的
						var checkbox2 = $(jq).find("span.tree-checkbox2").parent(); //获取实心的选项 也就是实心方块的
						$.each(checkbox2,function(){
							var node = $.extend({}, $.data(this, "tree-node"), {
								target : this
							});
							checked.push(node);
						});
						return checked;
					}
				});
			})
			/*
			注: checkbox0是没有被选中的
				checkbox1是被选中打钩的
				checkbox2是实心节点
			*/
			function getSelect(){
	      	 	 var solids = $("#trueULid").tree("getCheckedExt");
	      	 	 var nodes = ‘‘;
		       	 $.each(solids,function(){
		       	  	 nodes+=this.id+‘,‘;
		       	 });
		       	 $("#typeRole").val(nodes);  //将所有ID值保存
	      	}
		</script>
<input type="hidden" id="typeRole" name="typeRole"  value="" />

隐藏域保存所有树节点ID传入后台

<input onclick="getSelect();" type="submit" value="提交" class="submit" class="submit" />

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

原文地址:https://www.cnblogs.com/skiwnchqhh/p/10339621.html

时间: 2024-10-08 11:47:14

EasyUI tree扩展获取实心节点的相关文章

EasyUI Tree判断节点是否是叶

方法1:  $('#domaincatalog').tree('isLeaf', node.target); 返回true或false ,true表示是叶节点, false即不是 方法2:官方文档中:看到每个节点都有一些属性,其中一个是state,我们就通过这个state来判断.state有两个值 open和closed表示当前节点 打开和关闭了树的状态.当state等于undefined的时候就表示当前节点是Leaf 叶了. 在tree的onclick事件上添加判断代码如下 $("#domai

Easyui Tree方法扩展 - getLevel(获取节点级别)

Easyui Tree一直就没有提供这个方法,以前没有用到,所以一直没怎么在意,这次自己用到了,顺便扩展了一个方法,分享给大家. $.extend($.fn.tree.methods, { getLevel:function(jq,target){ var l = $(target).parentsUntil("ul.tree","ul"); return l.length+1; } }); 用法: var node = $().tree("getSele

转载 Easyui Tree方法扩展 - getLevel(获取节点级别)

Easyui Tree一直就没有提供这个方法,以前没有用到,所 以一直没怎么在意,这次自己用到了,顺便扩展了一个方法,分享给大家. $.extend($.fn.tree.methods, { getLevel:function(jq,target){ var l = $(target).parentsUntil("ul.tree","ul"); return l.length+1; } }); 用法: var node = $().tree("getSel

JQuery EasyUi Tree获取所有checkbox选中节点的id和内容

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <meta name="generator" content="HTML Tidy, see www.w3.org">      

easyui Tree模拟级联勾选cascadeCheck,节点选择,父节点自动选中,节点取消,父节点自动取消选择,节点选择,所有子节点全部选择,节点取消,所有子节点全部取消勾选

最近项目中用到easyui tree,发现tree控件的cascadeCheck有些坑,不像miniui 的tree控件,级联勾选符合业务需求,所以就自己重新改写了onCheck事件,符合业务需求.网上百度了很多资料,都没有完全符合自己业务场景的,所以就自己动手写咯. 先说一下自己的业务需求: 1.选中节点,上级以及所有直系上级节点自动选中,所有下级子孙节点全部自动选中: 2.取消选择节点,如果兄弟节点都未选择,则上级以及所有直系上级节点自动取消选择,所有下级子孙节点全部取消选中. 这里说一下c

EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中

需求:EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中 效果: /**   * 给树增加onCheck事件,首先使用cascadeCheck:false属性禁止全选,   * 然后获取当前选中节点的所有子节点,在判断其拥有子节点时对其所有字节点   * 进行遍历操作.在easyui中树节点的是否选中不是由checked:true   * 属性来控制,而是由class tree-checkbox0   * 和tree-checkbox1进行控制.--by wk   */  

原创: EasyUI Tree 最后一级 节点 横向排列

原创: EasyUI  Tree 最后一级 节点 横向排列 转载请指明出处 必须要写在: onLoadSuccess 事件中 ddAuthTree.tree({ lines: true, checkbox: true, cascadeCheck: true, lines: false, url: authTreeUrl, onLoadSuccess:function(node,data){ ddAuthTree.find("ul >li:not(:has(ul))").css('

[Flex] 组件Tree系列 —— 运用openItems获取打开节点

mxml: 1 <?xml version="1.0" encoding="utf-8"?> 2 <!--功能描述:运用openItems获取打开节点--> 3 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 4 xmlns:s="library://ns.adobe.com/flex/spark" 5 xmlns:mx="

新手学Jquery EasyUI----DataTable转拼EasyUI Tree

在做系统的时候,有一些组织机构类的关系,成树状结构,前台用的是EasyUI,由于涉及到多张表的数据,想要动态的拼接出一个树状的组织结构,后台传过来的是DataTable. /// <summary> /// DataTable转EasyUiTree的Json格式 /// </summary> /// <param name="dt">要转化的表</param> /// <param name="pField"&g