ExtJS学习之tree

1：前台js代码如下：

Ext.QuickTips.init();// 浮动信息提示var Tree = Ext.tree;// 定义根节点的Loadervar treeloader = new Tree.TreeLoader({ // dataUrl : 'tree.jsp'//这里可以不需要指定URL，在加载前事件响应里面设置 });// 添加一个树形面板var treepanel = new Tree.TreePanel({ title:'所有栏目如下:', width : 230, height : 500, split : true, autoScroll : true, autoHeight : false, expanded : true, frame : true,// 美化界面 enableDD : false,// 是否支持拖拽效果 containerScroll : true,// 是否支持滚动条 rootVisible : false, // 是否隐藏根节点,很多情况下，我们选择隐藏根节点增加美观性 border : true, // 边框 animate : true, // 动画效果 useArrows:true, lines:true, //节点间的虚线条, loader : treeloader // 树加载 });// 异步加载根节点var rootnode = new Tree.AsyncTreeNode({ id : '0', text : '河南省', cls:'folder', draggable : false, expanded : false });// 为tree设置根节点treepanel.setRootNode(rootnode);treepanel2.setRootNode(rootnode2);// 响应加载前事件，传递node参数treepanel.on('beforeload', function(node) { treepanel.loader.dataUrl = 'extTypeTree.action?parentId=' + node.id; // 定义子节点的Loader });// 渲染树形// 展开节点,第一个参数表示是否级联展开子节点rootnode.expand(false);// 设置树的点击事件function treeClick(node, e) {Ext.getCmp('updateb').disable();Ext.getCmp('deleteb').disable();p2=0;if(rootnode2.findChild('id',node.id)==null){Ext.getDom('typename').value=node.text;Ext.getDom('typecode').value=node.id;Ext.getCmp('addb').enable();clickUMTree();}else{Ext.Msg.alert('提醒','该用户已经拥有此栏目的管理权限!');}}

 

2：action

package com.dingxun.actions;import java.util.ArrayList;import java.util.List;import net.sf.json.JSONArray;import com.dingxun.basemodel.JSONTreeNode;import com.dingxun.db.BaseDao;public class JsonTreeAction extends PmBaseAction {private static final long serialVersionUID = 1L;private String parentId;private String JonTreeString;private BaseDao dao = new BaseDao();private String JsonString;public String execute() {List<JSONTreeNode> treeNodeArray = null;String SQLString = "SELECT PCODE,PNAME FROM DX_FM_XZ WHERE PCODE LIKE ? ORDER BY PCODE";String PSQLString = "SELECT PCODE FROM DX_FM_XZ WHERE LENGTH(trim(PCODE))<9 ORDER BY PCODE";String[] params = new String[] { parentId };StringBuffer parentIDBuffer = new StringBuffer();parentIDBuffer.append("|");String parentIDString = null;List jsonList = new ArrayList();List listpcode = dao.QueryBySql(PSQLString, 0, 0);for (int i = 0; i < listpcode.size(); i++) {Object[] obj = (Object[]) listpcode.get(i);String id = obj[0].toString();parentIDBuffer.append(id);parentIDBuffer.append("|");parentIDString = parentIDBuffer.toString();}List listxz = dao.QueryByParamSql(SQLString, 0, 0, params);treeNodeArray = new ArrayList<JSONTreeNode>();for (int j = 0; j < listxz.size(); j++) {Object[] obj = (Object[]) listxz.get(j);String id = obj[0].toString();String text = obj[1].toString();JSONTreeNode treeNode = new JSONTreeNode();treeNode.setId(id);treeNode.setText(text);if (parentIDString.indexOf("|" + id + "|") >= 0) // 父节点{treeNode.setCls("x-html-editor-tip");treeNode.setLeaf(false);treeNode.setExpanded(false);}else // 子节点{treeNode.setCls("x-html-editor-tip");treeNode.setLeaf(false);treeNode.setExpanded(false);}treeNodeArray.add(treeNode);}JSONArray JsonArray = JSONArray.fromObject(treeNodeArray); // 得到JSON数组 JsonString = JsonArray.toString();//返回JSON数据 return "success";// 返回JSON数据}public String getParentId() {return parentId;}public void setParentId(String parentId) {if (parentId.length() == 6) {this.parentId = parentId + "___";} else if (parentId.length() == 4 || parentId.length() == 2) {this.parentId = parentId + "__";}}public String getJonTreeString() {return JonTreeString;}public void setJonTreeString(String jonTreeString) {JonTreeString = jonTreeString;}public String getJsonString() {return JsonString;}public void setJsonString(String jsonString) {JsonString = jsonString;}}

 

3:jsp

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%><%@taglib prefix="s" uri="/struts-tags"%><s:property value="JsonString" escape="false"/>

 

 4:json节点

package com.dingxun.basemodel;public class JSONTreeNode {private String id; //ID private String text; //节点显示 private boolean leaf; //是否叶子 private String href; //链接 private String cls; //图标 private String hrefTarget; //链接指向 private boolean expanded; //是否展开 private String description; //描述信息 public String getId() {return id;}public void setId(String id) {this.id = id;}public String getText() {return text;}public void setText(String text) {this.text = text;}public String getCls() {return cls;}public void setCls(String cls) {this.cls = cls;}public boolean isLeaf() {return leaf;}public void setLeaf(boolean leaf) {this.leaf = leaf;}public String getHref() {return href;}public void setHref(String href) {this.href = href;}public String getHrefTarget() {return hrefTarget;}public void setHrefTarget(String hrefTarget) {this.hrefTarget = hrefTarget;}public String getDescription() {return description;}public void setDescription(String description) {this.description = description;}public boolean isExpanded() {return expanded;}public void setExpanded(boolean expanded) {this.expanded = expanded;} }