学步园

要做个树菜单，找了几个jquery控件，发现treeview，dtree功能都太简单，不支持我需要的异步加载，jstree又太麻烦，看到那个主题包我就不想用了，最后发现了国人开发的ztree，照着API写了个简单的demo，感觉还不错。配合struts2的json插件，基本满足我的要求。

前台：

var setting;<br /> setting = {<br /> checkable: false,<br /> async: true,<br /> asyncUrl: "<%=request.getContextPath() %>/jeaf/eai/listChildren.shtml", //获取节点数据的URL地址<br /> asyncParam: ["name", "id"],<br /> callback:{<br /> click: zTreeOnClick<br /> }<br /> };<br /> function zTreeOnClick(event, treeId, treeNode) {<br /> top.frames["contentFrame"].location = "<%=request.getContextPath() %>/cms/site/view.shtml?view.id=" + treeNode.id;<br /> }<br /> var zTreeNodes = [<br /> {"id":<s:property value="tree.rootNode.id"/>, "name":"<s:property value="tree.rootNode.text" escape="false"/>", "nodes": [<br /> <s:iterator var="node" value="tree.rootNode.children" status="status"><br /> {"id":<s:property value="id"/>, "name":"<s:property value="text" escape="false"/>", "isParent": "<s:property value="hasChildren"/>"}<s:if test="!#status.last">,</s:if><br /> </s:iterator><br /> ]}<br /> ]<br /> var zTree = $("#tree").zTree(setting, zTreeNodes);

后台struts2：

public String createDirectoryTree() throws Exception {<br /> SiteDirectoryService siteDirectoryService = (SiteDirectoryService)getService("siteDirectoryService");<br /> tree = siteDirectoryService.createDirectoryTree(1);<br /> return SUCCESS;<br /> }</p> <p> public String listChildren() throws Exception {<br /> SiteDirectoryService siteDirectoryService = (SiteDirectoryService)getService("siteDirectoryService");<br /> nodes = siteDirectoryService.listChildren(id);<br /> return SUCCESS;<br /> }

struts.xml：

<action name="createDirectoryTree" class="navigatorAction" method="createDirectoryTree"><br /> <result name="success">/jeaf/eai/navigator.jsp</result><br /> </action><br /> <action name="listChildren" class="navigatorAction" method="listChildren"><br /> <!-- result name="success">/jeaf/eai/listChildren.jsp</result--><br /> <result name="success" type="json"><br /> <param name="root">nodes</param><br /> <!-- param name="wrapPrefix">[</param--><br /> <!-- param name="wrapSuffix">]</param--><br /> </result><br /> </action>

pojo中用到json插件：

public class TreeNode extends BaseModel {<br /> private String id;<br /> private String text;<br /> private boolean hasChildren;</p> <p> private boolean expanded; //是否需要展开<br /> private List<TreeNode> children; //子节点列表<br /> /**<br /> * @return the text<br /> */<br /> @JSON(name="name")<br /> public String getText() {<br /> return text;<br /> }<br /> /**<br /> * @return the hasChildren<br /> */<br /> @JSON(name="isParent")<br /> public boolean isHasChildren() {<br /> return hasChildren;<br /> }<br /> ......<br /> }<br />