posts - 754, comments - 1799, trackbacks - 64, articles - 0
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

(原創) 如何使Blog以Tree的方式顯示隨筆分類? (Web) (JavaScript)

Posted on 2008-05-03 22:06 真 OO无双 阅读(494) 评论(5)  编辑 收藏 所属分类: JavaScript 、Web

Abstract
目前很少有Blog以Tree的方式顯示分類，最少目前在博客園沒有提供，本文分享我的解決心得。

Introduction
目前Blog大致流行兩種整理方式：分類和標籤，我個人較喜歡傳統的分類方式。長久以來，我一直希望能有子分類，類似Tree那樣的架構。如C/C++是大分類，但C/C++又可分為STL與template等次分類，這種整理方式類似檔案總管的資料夾，MSDN Library也用此方式，但可惜在Blog卻很少見。

要提供這種Tree的分類，有兩種可能，server side或是client side。ASP.NET 2.0已內建TreeView control，若自己架站，用C#加上不難，但可惜大部分人都不是自己架站，像我也是放在博客園上，而不是放在自己的伺服器。

所以server side解決方案就不能考慮，若要client side，有幾個可能
1.JavaScript
2.Flash
3.SilverLight

Flash和SilverLight我沒認真找過，但JavaScript我倒試過不少，有兩個可以用
1.http://www.treemenu.net/ 這個名氣最大，不過不是每個skin都相容，像我愛用的KJC配上這個TreeView後，Tree無法動態展開。

2.http://destroydrop.com/javascripts/tree/ 這是我最近發現的，目前在我左側用的就是這個TreeView，程式碼不長，而且很容易使用，基本上看了它的source code之後，你就會知道怎麼去改，最重要的是能與KJC搭配得很好，若你也在為你的Blog找一個TreeView，真 OO無雙強烈推薦這個簡單好用的JavaScript TreeView。

See Also
(原創) 如何為Blog加上簡體中文(繁體中文)翻譯? (Web) (CSS) (JavaScript)
(原創) 如何在Blog內任意處動態產生Google AdSense廣告? (Web) (CSS) (JavaScript)

Feedback

#1楼    回复  引用  查看    

2008-05-04 07:39 by 随风逝去（叶进）      
收藏一个！

#2楼    回复  引用    

2008-06-19 11:33 by Blakee [未注册用户]
請問 dtree 可以動態添加、刪除某個 lead 或 folder 嗎？
如果要增加 底色 或 顏色不同的節點是否可以達到！

非常感謝。

#3楼 [楼主]   回复  引用  查看    

2008-06-19 11:53 by 真 OO无双      
@Blakee
可以動態處理

最近頗紅的JQuery也有內建tree，也是可以考慮

#4楼    回复  引用    

2008-06-19 12:21 by Blakee [未注册用户]
抱歉我可能沒問清楚，我的意思是 如果我需要即時改變 TreeView 的話需要重新建立 Tree Array 然後呼叫 createTree(Tree);

還是有辦法只針對 某個 folder 或 leaf 去作增加、或刪除呢？而不必全部在重新 load Array一次。

是否能稍微講一下 該怎麼達成！ 非常感謝您～

#5楼 [楼主]   回复  引用  查看    

2008-06-19 12:42 by 真 OO无双      
@Blakee
可以只針對某個folder或leaf做增加

但我沒細部去研究了

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-05-17 21:42 编辑过


相关链接:

历史上的今天:
2007-05-03 (轉貼) Microsoft Silverlight 1.1海報 (.NET)

最新IT新闻:
微软4.86亿美元收购Greenfield
苹果已然取代微软地位成行业众矢之的
Intel 收购 Poky Linux ,为 MID 注入新的动力
雅虎将关闭社交网站Mash
中国互联网战争局势图
博客园新闻频道  博客园首页  社区