【正文】 總結(jié) 通過上述例子，大家知道 Struts 2 的 AJAX 標志是基于 Dojo控件開發(fā)的，所以如果大家希望熟練地使用這些標志，最好去了解一下 Dojo。 s:tree id=appFiles theme=realajax rootNode=root nodeTitleProperty=name nodeIdProperty=id childCollectionProperty=children value=absolutePath / /div /body /html 清單 12 WebContent/ 上述代碼中 s:tree /的用法，除了 theme改為 “realajax”和多了 value=absolutePath外，幾乎和靜態(tài)樹中的一樣。 /* ]] */ /script /head body h2 AJAX Tree Example /h2 div style=float:left。)。, 39。 (s, 39。)。 } (function() { var t = (39。 selected39。 接著新建 ，內(nèi)容和原版的一樣，如下所示： if ?exists/div/if/div 清單 11 src/template/realajax/ 再下來就應(yīng)該是將 theme應(yīng)用到 s:tree /，如下代碼所示： % page language=java contentType=text/html。t show it /if 清單 10 src/template/realajax/ 對上述稍作解釋，上述代碼主要在原版的 src/template/ajax/TreeRPCController的控件，并只輸出根節(jié)點。none39。${}39。none39。${?html}39。none39。${?html}39。none39。${?html}39。none39。${}39。none39。${}39。none39。${}39。none39。${}39。none39。${}39。none39。${}39。none39。${}39。none39。${}39。none39。${}39。 ()。 (.*)。 首先，你的源文件的根目錄下新建包 “”。要做到這一點，你所需要做的只是創(chuàng)建一個自定義 的 theme并將其應(yīng)用到相應(yīng)標志。 /div /div /div /body /html 清單 9 WebContent/ 由于上面所提及的原因，我在上述的代碼中并沒有使用 s:tree /標志，而是使用了 Dojo的寫法 ——創(chuàng)建 widgetId 為 “treeController”的 TreeRPCController 并將設(shè)為樹的控制器。 objectId=39。 isFolder=39。 widgetId=39。 /* ]] */ /script div dojoType=TreeRPCController widgetId=treeController DNDcontroller=create RPCUrl=s:url //div div dojoType=Tree widgetId=appFiles toggle=fade controller=treeController div dojoType=TreeNode title=39。 ()。 script type=text/javascript /* ![CDATA[ */ (.*)。 /* ]] */ /script /head body h2 AJAX Tree Example /h2 div style=float:left。)。, 39。 (s, 39。)。 } (function() { var t = (39。 selected39。 接下來，讓我們看看 Action的配置代碼片段： action name=AjaxTree class= result/result result name=ajax type=freemarker/result /action 清單 8 src/ 最后是 JSP頁面代碼： % page language=java contentType=text/html。 下面是 Freemarker頁面的代碼： [ list wrappers as r { title: ${}, isFolder: if ?size gt 0trueelsefalse/if, id: ${}, objectId: ${?js_string} }if r_has_next,/if /list ] 清單 7 WebContent/ 以上代碼中 list/lsit的寫法是 Freemarker中遍歷集合的寫法；而 if ?size gt 0判斷 “r”對象的 children屬性是否為空； ?js_string 就是將 “r”的 absolutePath屬性的值輸出為 Javascript 的字串符形式； if r_has_next/if判斷集合是否有下一項數(shù)據(jù)。否則，會讀取樹的根節(jié)點，并返回 JSP頁面； 2. 通過上面 XHR的分析，大家可以知道 data是代表樹和當前節(jié)點的 JSON串，故應(yīng)將其反串行化為 Map對象，并將其 objectId屬性取出。 } return ()。 } catch (JSONExeption e) { ()。 String path = ((Map) ((Map) o).get(node)).get(objectId).toString()。 } public FileWrapper[] getWrappers() { return wrappers。 public void setAction(String action) { = action。 private String data。 public class AjaxTreeAction extends DynamicTreeAction { private static final long serialVersionUID = 3970019751740942311L。 import 。 首先我要先寫一個加載樹節(jié)點數(shù)據(jù)的 Action類，代碼如下： package tutorial。 XHR請求格式類似如下格式： {node:{widgetId:file_226092423,objectId:C:\\Program Files\\Tomcat 5.5\\webapps\\Struts2_Ajax2,index:0,isFolder:true},tree:{widgetId:appFiles,objectId:}}amp。 Dojo 通過名為 “TreeRPCController”的控件實現(xiàn) AJAX 樹，它會監(jiān)聽被控制樹的事件。首先要說明的是， Struts 2的 s:tree /默認是不支持這種按 需加載數(shù)據(jù)的 AJAX樹。 最后是 ： ?xml version= encoding=UTF8? !DOCTYPE struts PUBLIC //Apache Software Foundation//DTD Struts Configuration struts package name=Struts2_AJAX_DEMO extends=strutsdefault action name=DynamicTree class= result/result /action /package /struts 清單 4 src/ 發(fā)布運行應(yīng)用程序，在瀏覽器地址欄中鍵入 圖 1 動態(tài)樹示例 AJAX 樹 正如我在文章開頭所說， Struts 2所提供的靜態(tài)樹和動態(tài)樹都不是嚴格意義上的 AJAX樹。 marginright: 50px。 })。treeNodeSelected39。select39。 var s = 。 (, treeNodeExpanded)。appFiles39。)。 } function treeNodeCollapsed(arg) { alert( + 39。 expanded39。)。 charset=utf8 pageEncoding=utf8% % taglib prefix=s uri=/strutstags% !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head titleStruts 2 AJAX More Tree/title s:head theme=ajax debug=true / script type=text/javascript /* ![CDATA[ */ function treeNodeSelected(arg) { alert( + 39。該對象將為 JSP頁面的 s:tree /的根節(jié)點。 return SUCCESS。 } public FileWrapper getRoot() { return root。 private FileWrapper root。 public class DynamicTreeAction extends ActionSupport implements ServletRequestAware { private static final long serialVersionUID = 1128593047269036737L。 import 。 然后是 Action類的代碼如下： package tutorial。 } return new FileWrapper[0]。 ++i) { wrappers[i] = new FileWrapper(files[i])。 for(int i = 0。 0) { int length = 。 if(files != null amp。 }