1、導(dǎo)入jquery和zTree的類庫(kù)
2、把支持樹(shù)的樣式文件導(dǎo)入進(jìn)來(lái) 3、有一個(gè)jar包 struts2-json-plugin-2.1.8.1 新定義了一個(gè)結(jié)果集，結(jié)果集的名稱為json
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd"><struts> <package name="4、準(zhǔn)備持久化類和映射文件 5、準(zhǔn)備dao,service,action層和struts2的配置文件js代碼
var privilege = { setting:{ isSimpleData: true, treeNodeKey: "id", treeNodeParentKey: "pid", showLine: true, root:{ isRoot:true, nodes:[] } }, loadPrivilegeTree:function(){ $.post("privilegeAction_showPrivilegeTree.action",null,function(data){ $("#tree").zTree(privilege.setting, data);// alert(data); }); }};$(document).ready(function(){ privilege.loadPrivilegeTree();});注意事項(xiàng)： 1、ActionContext.getContext().getValueStack().push(privileges);//把當(dāng)前的樹(shù)壓入到棧頂 2、在struts2的配置文件中 <package name="privilege" namespace="/" extends="struts-global"> <action name="privilegeAction_*" method="{1}" class="privilegeAction"> <result type="json"></result> </action> </package>6、創(chuàng)建一個(gè)html:privilege.html,創(chuàng)建一個(gè)privilege.js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><HTML> <HEAD> <TITLE> ZTREE DEMO </TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="zTreeStyle/zTreeStyle.CSS" type="text/css"> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/Javascript" src="js/jquery-ztree-2.5.js"></script> <script type="text/javascript" src="js/privilege.js"></script> </HEAD><BODY><TABLE border=0 height=600px align=left> <TR> <TD width=230px align=left valign=top style="BORDER-RIGHT: #999999 1px dashed"> <ul id="tree" class="tree" style="width:230px; overflow:auto;"></ul> </TD> </TR></TABLE> </BODY></HTML>新聞熱點(diǎn)
疑難解答
圖片精選
