- 2008-03-27 (Thu) 9:08
- 開発ツール・技術
これもいつか使いたい。jQueryを使ってファイルツリーを表示できるライブラリです。イントラネットとかに良さそうですね。
↑ こんな感じのファイルツリーを簡単に。
jQueryとこのライブラリを読み込めばコードは以下のようにシンプルに記述するだけです。
$(document).ready( function() {
$('#container_id').fileTree({ root: '/some/folder/' }, function(file) {
alert(file);
});
});
ちなみに実際に動作しているデモはこちら。
複数のフォルダを同時に開かせないだとか、ファイルやフォルダを選択するときの動作（クリックなのか、ダブルクリックなのかとか）もオプションで指定できますね。
また選択したファイルはファイル名を文字列で返してくれるのでそのあとの挙動は自分で好きなように設定できるようです。
なかなか良さそうですね。詳細＆ダウンロードは以下からどうぞ。
こちらもあわせてどうぞ
Posted on March 27th, 2008
Comments:0
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等
