dhtmlxtreeÓÃAjaxˢмÓÔØXML
ºÜ¾ÃÒÔǰ£¬ÎÒѧ»áÁËÓÃdhtmlxtree£¬ÄÇÊÇÒ»¿ÃºÜ²»´íµÄÊ÷£¬ÓÃÆðÀ´ºÜ·½±ã£¬µ«ÊÇÒ»¸öÎÊÌâһֱûÓнâ¾ö£¬´Óǰ¶¼ÊǷֺܶà´ÎÈ¥Êý¾Ý¿âÖв飬×ñѵÄÔÔòÊÇ£¬ÏȲé³öÉϼ¶£¬È»ºóÔÙ¸ù¾ÝÉϼ¶ID²é³öϼ¶ID£¬ÕâÑùÒ»²ãÒ»²ãµÄ²é£¬ÓÚÊǵ±Êý¾ÝÁ¿´óÁË£¬Ê÷¼ÓÔØµÄʱºò»áºÜµÄºÜÂý£¬ÓÐʱºòµÈËû¿ªÊ¼¼ÓÔØµÄʱºò£¬¿ÉÒÔ¸æË߯ÁĻǰµÄÈËÔ±£¬“Äú¿ÉÒÔÑ¡ÔñÈ¥²éºÈ±¿§·È»òÕß³öÈ¥¹ä¹äÔÙ»ØÀ´£¬ÒòΪÐèÒªºÜ¾Ã”£¬¶ÙʱÎÞÓï¡£
Êý¾Ý¿âÊÇÕâÑùÉè¼ÆµÄ£º
ID Ãû³Æ Éϼ¶ID
1 A
2 B
3 C 1
4 D 1
……
ʹÓÃdhtmlxtreeµÄ·½·¨(×Ô¼º²é¿´API)£º
µÚÒ»²½£º¼ÓÔØJS,CSS,ÆäÖаüÀ¨dhtmlxcommon.js,dhtmlxtree.js,dhtmlXTreeExtend.js,dhtmlxtree.css
µÚ¶þ²½£ºÐ´ÈëHTML£¬ÈçÏÂ
<table width="100%" class="searchTable">
<tr><td class="searchTdTitle">·ÖÀàÌåϵ½á¹¹</td>
</tr>
<tr>
<td class="lefttree"><a href="javascript:void(0);" onclick="tree.openAllItems(0);">Õ¹¿ª</a>
<a href="javascript:void(0);" onclick="tree.closeAllItems(0);">ÊÕ£</a></td>
</tr>
<tr>
<td class="lefttree"><div id="treeboxbox_tree" class="dhtmlxTree" style="width:230px;"></div></td>
</tr>
</table>
<script>
tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);//³õʼ»¯Ê÷
tree.setImagePath("<%=path %>/skins/blue/common/dhtmlx/images/c
Ïà¹ØÎĵµ£º
AjaxÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÒ»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£¸ù¾ÝAjaxÌá³öÕßJesse James Garrett½¨Ò飬Ëü£º
ʹÓÃXHTML+CSSÀ´±íʾÐÅÏ¢£»
ʹÓÃJavaScript²Ù×÷DOM£¨Document Object Model£©½øÐж¯Ì¬ÏÔʾ¼°½»»¥£»
ʹÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»¼°Ïà¹Ø²Ù×÷£»
Ê ......
http://www.longboo.com/
·ÖÒ³
http://www.longboo.com/Samples/linb/widgets/TreeGrid.Paging/index.html
Êý¾Ý¿â²éѯ¹¤¾ß
http://www.longboo.com/Samples/comb/OrderManagement/index.html
email¹¤¾ß
http://www.longboo.com/Samples/comb/OutLook/index.html
Íøµê
http://www.longboo.com/Samples/linb/Template ......
AJAX±íµ¥Ìá½»·½·¨£¨JSON£©
1./*****JAVA**************************************************************/
JAVAÀàÖУº
/*****JAVA**************************************************************/
2./*****struts.xml**************************************************************/
struts.xmlÎļþÖУº
......
¡¡¡¡ºÜ¶àÈ˶¼ÓùýAJAX¿Ø¼þ°É£¬AJAX¿Ø¼þ²»ÐèҪˢÐÂÒ³Ãæ¾Í¿ÉÒÔµ½ºǫ́ȥ¶Á³öÊý¾Ýµ½¿Í»§¶Ë£®AJAX¿Ø¼þ³ýÁËÓкÜìŵÄÌØÐ§Í⣬ÆäÒª¹¦ÄܾÍÊDz»ÐèҪˢÐÂÕû¸öÒ³Ãæ¾Í¿ÉÒÔÈ¡µÃÓû§ËùÐèÒªµÄÊý¾Ý£¬ÎÒ°ÑÕâÒ»¿éµÄµÄ¹¦ÄÜ·â×°³ÉÒ»¸öÀ࣬·½±ãÈÕºó¿ÉÒÔÖØ¸´Ê¹Ó㬴úÂëÈçÏ£º
//Ajax Request Class Start
functio ......