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£¬ÓÚÊÇÔÚÍøÉϰÇÁËn¶à×ÊÁÏ£¬·¸ÁËn¶à´íÎ󣬴ӽñÌìÉϰൽÏÖÔÚÒ»Ö±ÔÚ´¦ÀíÕâ¸öÎÊÌ⣬ÖÕÓÚ»¹ÊǰÑËü½â¾öÁË¡£
µ±ÎÒ¿´µ½Ò³ÃæµÄajaxÏÔʾºó£¬ÎÒÐË·ÜÒì³££¬ÎªÁ˼Ǽ×Ô¼ºÑ§Ï°µÄajaxÀú³Ì£¬Ò²ÎªÁËÈøü¶àµÄÈËÉÙ×ßÍä·£¬ÌØÐ´´ËÒ»ÎÄÒÔ¼ÇÖ®£¡
·Ï»°²»ËµÁË£¬ÎªÁ˸üºÃµÄÀí½â£¬ÎÒÖØ×öÁËÒ»¸öСµÄÏîÄ¿£¬ÒÔ¼ÓÉîÓ¡Ïó ......
jsÎļþ:
var where=" where pd_Isjifen=0 and pd_Isok=1"; //²éѯÌõ¼þ
var psize=16; //²éѯÊý¾ÝÊýÄ¿
var pindex=0;//µ±Ç°Ò³Êý
var order=" order by pd_Update desc,type_sort,pd_brand,pd_typeid"; //ÅÅÐòÌõ¼þ
var temp=0; //Ä£°åÃû³Æ
var Pcount=0;
//»ñÈ¡²ÎÊý
function getUrlPara(p ......
ÏîÄ¿ÖÐÏëÓÃajax£¬ÓÚÊÇÔÚÍøÉϰÇÁËn¶à×ÊÁÏ£¬·¸ÁËn¶à´íÎ󣬴ӽñÌìÉϰൽÏÖÔÚÒ»Ö±ÔÚ´¦ÀíÕâ¸öÎÊÌ⣬ÖÕÓÚ»¹ÊǰÑËü½â¾öÁË¡£
µ±ÎÒ¿´µ½Ò³ÃæµÄajaxÏÔʾºó£¬ÎÒÐË·ÜÒì³££¬ÎªÁ˼Ǽ×Ô¼ºÑ§Ï°µÄajaxÀú³Ì£¬Ò²ÎªÁËÈøü¶àµÄÈËÉÙ×ßÍä·£¬ÌØÐ´´ËÒ»ÎÄÒÔ¼ÇÖ®£¡
·Ï»°²»ËµÁË£¬ÎªÁ˸üºÃµÄÀí½â£¬ÎÒÖØ×öÁËÒ»¸öСµÄÏîÄ¿£¬ÒÔ¼ÓÉîÓ¡Ïó¡£ÏÖÔÚ¾ÍÒÔÕâ¸öСÏî ......
½ñÌìÎÒѧϰÁËÙ¡ÀÏʦ½²µÄajaxµÄ֪ʶ£º
Ò»¡¢ Ajax
a) ÔÊÐíä¯ÀÀÆ÷Óë·þÎñÆ÷ͨÐŶøÎÞÐëˢе±Ç°Ò³ÃæµÄ¼¼Êõ¶¼±»½Ð×öAjax¡£Êý¾ÝÔÚ¿Í»§¶ËÓë·þÎñÆ÷Ö®¼ä¶ÀÁ¢´«Êä¡£·þÎñÆ÷²»ÔÙ·µ»ØÕû¸öÒ³Ãæ
b) XMLHttpRequest£º¸Ã¶ÔÏ ......
1.´´½¨XMLHttpRequest¶ÔÏó£º
function newXMLHttpRequest() {
var requestObj;
if (window.XMLHttpRequest) {
// Non IE
requestObj = new ActiveObj('XMLHttpRequest');
} else {
//IE
requestObj = new ActiveObj('Microsoft.XMLHTTP');
}
return request ......