zTreeÈí¼þÊÇjQueryµÄÊ÷Èí¼þ,zTreeÍêÈ«Ãâ·Ñ¸øÓèÈ«²¿µ÷½Ú¹¦ÄÜ.Õâ¶ù¶àÌØÈí¼þÕ¾ÎÒΪС»ï°éÃÇÊáÀíÁ˽ÏΪºÃÓõÄzTreeʹÓ÷½·¨,±ã½ÝС»ï°éÃÇѸËÙÈëÃÅjQuery.ÈÈÁÒ»¶ÓÓÐÐËȤµÄ¿Í»§À´¶àÌØÈí¼þÕ¾ÏÂÔØÓ¦ÓÃ!
ztreeÊÇʲô
zTree ÊÇÒ»¸ö½èÖú jQuery Íê³ÉµÄ¶à¹¦ÄÜ Ê÷Èí¼þ.³öÉ«µÄÌØÐÔ¡¢Áé±ãµÄÅ䱸¡¢¶àÖÖ¶àÑù¹¦ÄܵÄ×é³ÉÊÇ zTree ½Ï´óÓÅÊÆ.
³öÉ«µÄÌØÐÔ¡¢Áé±ãµÄÅ䱸¡¢¶àÖÖ¶àÑù¹¦ÄܵÄ×é³ÉµÈ¶àÖÖ¶àÑùÓŵãÓÚÒ»Éí,רҵºÏÊÊÐÂÏîÄ¿¿ª·¢Éè¼Æ,ÓÈÆäÊÇÊ÷Ðνṹ²Ëµ¥À¸¡¢Ê÷ÐνṹÊý¾ÝµÄWeb±íÃ÷¡¢¹ÜÀíȨÏÞÕâЩ
zTree v3.0 ½«ºËÐıàÂëÒÀÕÕ¹¦ÄÜ¿ªÕ¹ÁËÇзÖ,²»ÓõıàÂë¿ÉÒÔÎÞÐè¼ÓÔØ
ztree api²Ù×÷ÊÖ²á
1¡¢js ºËÐÄÎĵµ
¢ÙzTree v3.x ÓÐ 3 ¸ö js Îĵµ,Ò»¸ö ºËÐÄ°ü ( jquery.ztree.core-3.x.js ),2¸öÍØÕ¹°ü -- ¹´Ñ¡¿ò¹¦ÄÜ°ü ( jquery.ztree.excheck-3.x.js ) ±à¼©¹¦ÄÜ°ü ( jquery.ztree.exedit-3.x.js )
¢ÚÓ¦Óà zTree v3.x ʱ,ºËÐÄ°üÎñ±Ø¼ÓÔØ,ÍØÕ¹°üÒÀ¾Ý±ØÐ뿪չ¼ÓÔØ;ÕâÀ๹ÔìÓÐÒæÓÚ½«À´³ÖÐø¿ª·¢Éè¼Æ zTree µÄ¸÷ÖÖ¸÷ÑùÐÖú¹¦ÄÜ»òרÓù¤¾ß,¶ø²»Î£º¦»ù±¾ÉϹ¦ÄÜ.
¢ÛÔÚ¾ßÌåÓ¦ÓÃÖÐ,ÌáÒ齫ӦÓõÄÍØÕ¹°ü Óë ºËÐÄ°ü ±àÂëºÏƴΪһ¸ö js Îĵµ,ÒÔ½ÚÔ¼»¥ÁªÍø×ÊÔ´,ºÏƴʱһ¶¨Òª½«ºËÐÄ°üµÄ±àÂë·Åµ½×îÇ°±ß.
2¡¢css Îĵµ
¢ÙzTree v3.x Ö»Ó¦ÓÃÒ»¸ö zTreeStyle.css Îĵµ,ΪÁ˸üºÃµØ¾¡Á¿¼õÉÙ¿îʽì¶Ü,½« zTree Æ÷ÃóµÄ className É趨Ϊ ztree
¢Úv3.x ÖÐÕë¶Ô¹Ø¼ü DOM ( li¡¢ul¡¢ /-±êÖ¾¡¢a ) µÄ className ÌáÉýÁË level µ¼³ö,¿ÉÒÔÓ¦¶Ô²»Ò»Ñù¼¶±ðµÄ½ÚµãÉèÖõ¥¶ÀµÄ¿îʽ
3¡¢img ÕÕƬ
¢ÙzTree v3.x ½«¹Ø¼ü±êÖ¾¶¼ºÏƴΪһ¸öÕÕƬ,ÔËÓÃͼƬÇи·¨±íÃ÷±êÖ¾
¢ÚΪÁË·ÀÖ¹ÔÀ´½ÚµãÁ¬ÏßÖмä 1 ÇåÎú¶È¼ä¾àµÄÎÊÌâ,ÔÚ v3.x ÖÐ /-±êÖ¾ Ôٴα£´æ 18*18 µÄ¹æ¸ñ,ÆäËû±êÖ¾ËùÓиĶ¯Îª 16*16,Çë¸üеĺÃÅóÓѾ¡Á¿ÁôÒâµ÷ÕûÔÀ´Ó¦ÓõÄͼ±ê´óС
¢ÛÔÚ v3.x Demo ÖÐ ×Ô¶¨Òåͼ±êÈ«ÊǶÀÁ¢×ÔÖ÷µÄͼƬÎļþ,¾ßÌ忪·¢Éè¼ÆÖÐÌáÒéÒ²¶¼Ñ¡ÓÃͼƬÇиîµÄ·½·¨
4¡¢zTree Êý¾Ý
zTree Ó¦Óà JSON Êý¾Ý,ÓйØÊý¾ÝÒ»²¿·ÖÇëÓÃÐIJéѯ API Îı¾Îĵµ treeNode ½ÚµãÊý¾ÝÏêϸ˵Ã÷ ÖеăÈÈÝ,¶øÇÒÔÚ Demo ÖÐÒ²¶¼Äܹ»¼ûµ½ treeNode µÄ½ç¶¨
5¡¢µ÷½Ú±àÂë
¿ªÕ¹Èí¼þ¿ª·¢Ê±,ÌáÒé×îÏÈÓ¦Óà chrome »ò firefox ¿ªÕ¹µ÷½Ú¹¤×÷ÖÐ -- Ò»°ã js µ÷½Ú,ajax »ñµÃÊý¾Ýʱ»¥ÁªÍø×´¿öµÄ×·×Ù¶¼·Ç³£ÈÝÒ×. ±¾ÈËÇ¿ÁÒÍƼö:chrome µÄ¿ª·¢ÕßרÓù¤¾ß»ò firefox µÄ firebug Èí¼þ.¼ÓÔØ ¼¼ÊõÐÔ,¹ýÍò½ÚµãÇáÇáËÉËɼÓÔØ,¼´Ê¹ÔÚ IE6 ÏÂÒ²¿ÉÒÔ³£¹æ±£Ö¤»÷ɱ
ztree¹Ù·½ÍøÕ¾¹¦ÄܱíÃ÷
¼æÈÝ IE¡¢FireFox¡¢Chrome¡¢Opera¡¢Safari µÈµçÄÔä¯ÀÀÆ÷
ÊÊÓà JSON Êý¾Ý
ÊÊÓþ²Ì¬Êý¾Ý ºÍ Ajax ¶àÏ̼߳ÓÔؽڵãÊý¾Ý
ÊÊÓÃËæÒâ¸ü»»Æ¤·ô / ×Ô¶¨Òåͼ±ê(½èÖúcss)
ÊÊÓü«ÎªÁé±ãµÄ checkbox »ò radio ÌôÑ¡¹¦ÄÜ
¸øÓè¶àÖÖ¶àÑùÊÂÇé»ØÓ¦µ÷Õû
Áé±ãµÄ±à¼©(Ôö/ɾ/¸Ä/²é)¹¦ÄÜ,¿ÉËæ±ãÍ϶¯½Úµã,»¹Äܹ»¶à½ÚµãÍ϶¯Ó´
ÔÚÒ»¸öÍøÒ³Ò³ÃæÄÚ¿ÉÓë´Ëͬʱת»¯³ÉºÃ¼¸¸ö Tree °¸Àý
¼òÒ׵IJÎÊýÅäÖÃÍê³É Áé±ã±ä»¯¶à¶ËµÄ¹¦ÄÜ
1¡¢×îÏȽ«±ØÐë²ÉÓõÄzTree v3.5.30ÓÐ¹ØµÄ js¡¢css¡¢img Îĵµ¸÷×Էŵ½Ïà¶ÔÓ¦ÎļþĿ¼,¶øÇÒÈ·±£¾ø¶Ô·¾¶Ç¡µ±
2¡¢×«Ð´ html ÍøÒ³Ò³Ãæ
ÒÀÕÕÏÂÁбàÂë,ÖÆ×öhtml ÍøÒ³Ò³Ãæ,ä¯ÀÀÊÔÊÔ¿´°É!
ÁôÒâ:
1) ÊDZز»¿ÉÉÙµÄ!
2) zTree µÄÆ÷Ãó className ±ðÍü¼ÇÉ趨Ϊ ztree
3) ÐÂÊÖÈëÃÅÈ¡µÃ³É¹¦ºó,¾Í¿ÉÒÔÒÀÕÕ´ÎÐòÈ¥¿´¿´ Demo ÁË,Á¢¼´¿´Ò»ÏÂÔ´´úÂë,Ó¦µ±¿´µÃ¶®µÄ
¶àÌØÈí¼þרÌâΪÄúÌṩ¹¦ÄÜÈí¼þ,ÊÖ»ú¹¦ÄÜÈí¼þ,ɵ椹¦ÄÜÈí¼þ£¬°²×¿Æ»¹û°æÈí¼þappÒ»Ó¦¾ãÈ«¡£
¶àÌØÈí¼þרÌâΪÄúÌṩÎĵµ¼ÓÃÜÈí¼þ,ÆóÒµÎĵµ¼ÓÃÜÈí¼þ,word Îĵµ¼ÓÃÜÈí¼þ£¬°²×¿Æ»¹û°æÈí¼þappÒ»Ó¦¾ãÈ«¡£
¶àÌØÈí¼þרÌâΪÄúÌṩÎĵµ×ª»»Èí¼þ,ÔÚÏßÎĵµ×ª»»Èí¼þ,ÊÖ»úÎĵµ×ª»»Èí¼þ;°²×¿Æ»¹û°æÈí¼þappÒ»Ó¦¾ãÈ«¡£¶àÌØÈí¼þÕ¾Ö»ÌṩÂÌÉ«¡¢ÎÞ¶¾¡¢ÎÞ²å¼þ¡¢ÎÞľÂíµÄ´¿ÂÌÉ«¹¤¾ßÏÂÔØ
¶àÌØÈí¼þ԰ΪÄúÕûÀíÁ˶à¿îµç×ÓÎĵµÈí¼þÈí¼þ£¬ÔÚ¶àÌØÄúÄÜÏÂÔضà¿îÕý¹æµÄ¡¢ÎÞ¶¾Èí¼þ£¬ÆäÖÐÓÐMoFox¡¢¶¨Î»ÔÆÏà²á¡¢½ðÏú°ïµÈApp£¬ÕÒÈí¼þÒ»¶¨ÒªÕÒÕý¹æƽ̨£¬¶àÌØÿһ¿îÈí¼þ¶¼½øÐвéɱ£¬È·±£Èí¼þ°²È«£¬ÏëÒªÕÒµç×ÓÎĵµÈí¼þÓ¦Ó㬸ϽôÀ´¶àÌØÈí¼þÔ°¿´¿´°É¡£
¶àÌØÈí¼þ԰ΪÄúÕûÀíÁ˶à¿îÎĵµ±à¼Èí¼þÈí¼þ£¬ÔÚ¶àÌØÄúÄÜÏÂÔضà¿îÕý¹æµÄ¡¢ÎÞ¶¾Èí¼þ£¬ÆäÖÐÓÐCOÎĵµ¼Ó½âÃÜÈí¼þ¡¢CAD±à¼Èí¼þ¡¢AHÎĵµ¹ÜÀíÈí¼þ(×ôÊÖÎĵµ¹ÜÀí)µÈApp£¬ÕÒÈí¼þÒ»¶¨ÒªÕÒÕý¹æƽ̨£¬¶àÌØÿһ¿îÈí¼þ¶¼½øÐвéɱ£¬È·±£Èí¼þ°²È«£¬ÏëÒªÕÒÎĵµ±à¼Èí¼þÓ¦Ó㬸ϽôÀ´¶àÌØÈí¼þÔ°¿´¿´°É¡£