ExtJS Tree刷新后只选择节点，不展开

ExtJS Tree刷新后只选择节点，不展开

 

实例讲解：通过点击岗位，将岗位对应的模块菜单给展开。

 

 1..先对树进行全面加载（无须获取Path路径了）：

moduleloader.on("load",function(treeLoader, node){
	//将树面板先展开再关闭，用于将所有子节点显示出来！
	module_tree.expandAll(); //注意！此处是将树面板全部展开！！！而不是节点！！！
	module_tree.collapseAll();
	module_root.expand();//展开根节点
}

注意：

 必须全部展开，各级目录下的所有叶子节点才能充分加载完全！若未加载则为“undifined”，无法被勾选。

2.点击岗位获取对应模块菜单ID：

function check(node,checked){
	if(checked == true){
		//得到岗位对应的功能
		Ext.Ajax.request({
			url : 'user.up?doType=getModuleById',
			params : {postID : node.id},
			success : function(response, options) {
				checkModuleid = response.responseText;
                                showCheckModules();
				//module_root.reload();
			}
		});
	}
}

结果示例：{03,0302,0305,05,0504}

 

3.将对应选项进行勾选，但不展开：

function showCheckModules(){
	//先清楚所有勾选项
	var treeNodes = module_root.childNodes;
	for (var i = 0; i < treeNodes.length; i++) {
		var id = treeNodes[i].id;
		var node = module_tree.getNodeById(id);
		node.ui.toggleCheck(false);
	}
	//再将对应的给勾选上
	var ids = checkModuleid?checkModuleid.split(","):null;
	if(!ids){//ids为空则返回
		return;
	}
	for (var i = 0; i < ids.length; i++) {
		var id = ids[i];
		if(id.length == 4){
			var node = module_tree.getNodeById(id);//通过id获取节点
			node.ui.toggleCheck(true);//选中节点
		}
	}		
}

 

注意：

1.这种方式必须先把树全部展开一遍，即全部加载一遍，所以Sql查询时必须一次性全查出来

2.刷新后展开的无须一次性全部加载完！

 

4.加载菜单树：

Servlet：

if("getModuleTree".equals(action)){//得到菜单树
	response.setContentType("text/html;charset=UTF-8");
	String pid=request.getParameter("pid")==null?"":request.getParameter("pid");
	if("module_root_value".equals(pid)){
		pid="";
	}
	String sloadAll=request.getParameter("loadAll");
	int loadAll = 1;//注意此处为1时为一次性加载，为0时为分级加载（点击目录才加载）
	try{
		loadAll=Integer.parseInt(sloadAll);
	}catch(Exception e){}
	List list = uDao.getModuleList(pid,loadAll);
	json = uDao.getTreeNodesOfJson(list, loadAll, pid);
	out = response.getWriter();
	out.print(json);
	out.close();
	return;
}

Dao：

public List getModuleList(String pid, int loadAll) {
	List list = new ArrayList();
	Session s = null;
	try {
		s = HibernateUtil.getSession();
		s.beginTransaction();
		StringBuffer sql = new StringBuffer(
				"select * from(select moduleid,name,pid,qybj,isleaf from modules t where qybj=1 and enable = 1 start with moduleid in(select moduleid from modules where pid is null) connect by prior moduleid = pid order by dorder)");
		if (loadAll == 0) {// 分级加载
			if (pid == null || "".equals(pid))
				sql.append(" where pid is null ");
			else
				sql.append(" where pid='").append(pid + "'");
		} else {
			if (pid != null && !"".equals(pid))
				sql.append(" where pid='").append(pid + "'");
		}
		SQLQuery query = s.createSQLQuery(sql.toString());
		List lst = query.list();
		if (lst != null && lst.size() > 0) {
			for (int i = 0; i < lst.size(); i++) {
				Object[] flds = (Object[]) lst.get(i);
				UserSimpleBean sBean = new UserSimpleBean();
				sBean.setBm((String) flds[0]);
				sBean.setMc((String) flds[1]);
				sBean.setPid((String) flds[2]);
				sBean.setIsLeaf(((BigDecimal) flds[4]).intValue());
				list.add(sBean);
			}
		}
		s.getTransaction().commit();
	} catch (Throwable e) {
		log.error(e.toString());
		HibernateUtil.endSession(s);
	} finally {
		HibernateUtil.endSession(s);
	}
	return list;
}

 

Sql语句：

select * from(select moduleid,name,pid,qybj,isleaf from modules t where qybj=1 and enable = 1 start with moduleid in(select moduleid from modules where pid is null) connect by prior moduleid = pid order by dorder)

 

注意：

分级加载时加上了“where pid = ?”的条件。

 

 

图示：

1.点击岗位勾选相应菜单，不展开

 

2.点击菜单展开：