jQuery拖动树范例

jQuery拖动树实例
1、树根节点

<ul class="simpleTree">
	<li class="root" id='root'>
		<span>所有群组</span>
		<ul>
			<%=topGroupTree%>
		</ul>
	</li>
</ul>

2、值topGroupTree

UsergroupInfo ugInfo = new UsergroupInfo();
RelationguInfo rInfo = new RelationguInfo();
//获取一级群组列表
String topGroupTree = ugInfo.getTopLevelGroup();

3、方法getTopLevelGroup

/**
 * 获取一级群组
 * @return
 */
public String getTopLevelGroup(){
	
	String group_tree = "";
	String sql = "select group_id, group_name from zl_usergroup where group_level='1'";
	ArrayList result = new DbexecuteDAO().selBizQuery(sql);
	if(null != result){
		for (int i = 0; i < result.size(); i++) {
			HashMap map = (HashMap) result.get(i);
			String group_id = "",group_name="";
			if(null != map){
				if(null != map.get("group_id")){
					group_id = map.get("group_id").toString();
				}
				if(null != map.get("group_name")){
					group_name = map.get("group_name").toString();
				}
				group_tree += "<li class='colse' id='"+group_id+"'><span>"+group_name+"</span><ul class='ajax'><li id='ajaxli'>{url:ajaxGroup.jsp?group_id="+group_id+"}</li></ul></li>";
			}
		}
	}
	return group_tree;
}

4、ajaxGroup.jsp

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ page import="com.crm.usergroup.UsergroupInfo" %>

<%
	
	//获取参数
	String groupId = "";
	if(null != request.getParameter("group_id")){
		groupId = request.getParameter("group_id");
	}
	UsergroupInfo ugInfo = new UsergroupInfo();
	String groupString = ugInfo.getChildgroupById(groupId);
	out.write(groupString);
 %>

5、ajaxGroupUsers.jsp

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ page import="com.crm.relationgu.RelationguInfo" %>
<%
	
	//获取参数
	String groupId = "";
	if(null != request.getParameter("group_id")){
		groupId = request.getParameter("group_id");
	}
	RelationguInfo rInfo = new RelationguInfo();
	String groupUsersString = rInfo.getGroupUsersById(groupId);
	out.write(groupUsersString);
 %>

6、方法getGroupUsersById

/**
 * 获取指定组的成员串
 * @param group_id
 */
public String getGroupUsersById(String group_id){
	
	String usersString = "";
	ArrayList result = getUserByGroupId(group_id);
	if(result != null && result.size()> 0){
		
		for (int i = 0; i < result.size(); i++) {
			HashMap map = (HashMap) result.get(i);
			String user_id = "",user_name="";
			if(null != map){
				if(null != map.get("user_id")){
					user_id = map.get("user_id").toString();
				}
				if(null != map.get("user_name")){
					user_name = map.get("user_name").toString();
				}
				usersString += "<li id='"+user_id+"'><span class='text'>"+user_name+"</span></li>";
			}
		}
	}else{
		usersString = "<li id='' style='display:none;'></li>";
	}
	return usersString;
}