spring mvc jquery esayui tree 使用备份

最新推荐文章于 2025-12-04 21:48:33 发布

原创最新推荐文章于 2025-12-04 21:48:33 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#测试 #java #javascript #ViewUI

JavaEE - Spring 同时被 3 个专栏收录

6 篇文章

订阅专栏

spring mvc

4 篇文章

订阅专栏

JQuery

4 篇文章

订阅专栏

本文详细介绍了如何使用jQuery EasyUI中的Tree组件实现动态加载数据并进行节点操作，包括点击事件响应、展开与折叠控制等基本功能。

    <script src="${ctx}/static/esayui/jquery.easyui.min.js" type="text/javascript"></script>
	<script type="text/javascript">  
    $(function(){
        $("#tt").tree({
        	url:'${ctx}/permission/getRegion',
        	checkbox:true,
        	method:'post',
        	animate:true,
        	cascadeCheck:true,
        	//loadFilter:function(data,parent){
        		//return convert(data);
        	//},
        	onClick:function(node){
        		
        		alert(node.id+"-"+node.text);
        		
        	},
        	onBeforeExpand:function(node){
        		return true;
        	},
        	onExpand:function(node){
         	  	var node = $('#tt').tree('find', '210');
         	  	$('#tt').tree('check', node.target);
        		return true;
        	}
        });
        //转换服务器返回的json为tree数据源
         function convert(rows){
        	   var nodes = [];
        	   for(var i=0; i<rows.length; i++){
        	   		var row = rows[i];
        	   		nodes.push({
        	   			id:row.id,
        	   			text:row.name,
        	   			state:row.state
					});
        	   }
        	  return nodes;
		}
        
   });
    //获取已选择的节点
    function getCheckedNoeds(){
    	var nodes = $('#tt').tree('getChecked');
		var reNodes =[];
		for (var i=0; i<nodes.length; i++){
			node =nodes[i];
			reNodes.push(node.id.toString());
		}
    	alert(typeof(reNodes));
    	return reNodes;
    }
    //设置节点状态为已选中状态
    function setNodeChecked(){
    	var node = $('#tt').tree('find', '086');
    	alert(node.id+'--'+node.text);
    	$('#tt').tree('check', node.target);

    }
    </script>