Home > 開発ツール・技術 > jQueryを使ってファイルツリーを表示できる『jQuery File Tree』

jQueryを使ってファイルツリーを表示できる『jQuery File Tree』

これもいつか使いたい。jQueryを使ってファイルツリーを表示できるライブラリです。イントラネットとかに良さそうですね。

jquery.gif

↑ こんな感じのファイルツリーを簡単に。

jQueryとこのライブラリを読み込めばコードは以下のようにシンプルに記述するだけです。

$(document).ready( function() {
    $('#container_id').fileTree({ root: '/some/folder/' }, function(file) {
        alert(file);
    });
});

ちなみに実際に動作しているデモはこちら。

» jQuery File Tree Demo

複数のフォルダを同時に開かせないだとか、ファイルやフォルダを選択するときの動作(クリックなのか、ダブルクリックなのかとか)もオプションで指定できますね。

また選択したファイルはファイル名を文字列で返してくれるのでそのあとの挙動は自分で好きなように設定できるようです。

なかなか良さそうですね。詳細&ダウンロードは以下からどうぞ。

» jQuery File Tree

@taguchiをフォロー!
Twitterもやっています!
Posted on March 27th, 2008

Comments:0

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://www.ideaxidea.com/archives/2008/03/jqueryjquery_file_tree.html/trackback
Listed below are links to weblogs that reference
jQueryを使ってファイルツリーを表示できる『jQuery File Tree』 from IDEA*IDEA ~ 百式管理人のライフハックブログ
trackback from ZeBeVogue別館 09-04-13 (Mon) 23:18

[JavaScript]jQuery File Tree

いくつかの件でjQuery File Treeを使ってみたので感想などを。 非常によく出来たスクリプトで、ファイルツリーだけでなく、階層構造を持ったデータにも十分に使える。 加えて良いのが、コネクタ(ファイルリストを返すサーバサイドスクリプト)がPHP/Ruby/JSP/Perl/Python等

Home > 開発ツール・技術 > jQueryを使ってファイルツリーを表示できる『jQuery File Tree』

最近の記事
カテゴリー別
過去記事一覧

Return to page top