2010-12-13 9 views
2

こんにちはすべて
いくつかのトランザクション(葉、休暇...)アイテムを表現するのに使うことができる最高のjqueryツリービューとは何ですか?
インターネット上ではtreeviewが見つかりましたが、このツリーはフォルダやディレクトリであり、テキスト項目ではありません。
ユーザがサブレベルをクリックすると、そのサブレーブの横に何らかのテキストが印刷されます。jquery tree for items

注:私はPHP codeigniterフレームワークで動作します。

ありがとう

答えて

0

私はこのjQueryのプラグインが過去に使用した、それは素晴らしい作品:これは、ネストされたulli HTML要素の上に非侵入方法で動作 http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

ノードの子をロードするURLを設定することによって、AJAXを介してノードを遅延ロードすることができます。あなたの木が大きいなら、これは素晴らしい作品です。

$(document).ready(function() { 
    $('#concept-tree ul').treeview({ 
     url: 'concepts/node' 
    }); 
}); 

ノードに関連するコンテンツを別のページ要素に動的に読み込むには、JQueryを使用できます。クリックされたノードのイベントハンドラを設定し、AJAXを介して余分なコンテンツをフェッチしてDOMに追加することができます。

2

jsTreeは良いjQueryプラグインです。これは、ツリーを操作するための多量のオプションとAPI呼び出しを持っています。私は最初の学習曲線が少し急なかもしれないと言いますが、それは私にとって価値がありました。 jQueryに精通しているなら、さまざまな方法でツリーを操作できます。

ここはホームページです...... http://www.jstree.com/

1

この情報には、おそらくツリーが最適なデザインイディオムではありません。おそらく、アコーデオンを考えてみましょう。

ツリーはノードが小さい傾向がありますので、クリックしたり、フィッツの法則を破ることはありません。そして、彼らは実際にプログラマーやコンピュータオタクだけに意味をなさない。アコーディオンは、より一般的になり、操作するのが少なくとも簡単であるため、少し良くなりました。

また、コード化も簡単です。そして、それを行うことができるjqueryプラグインがたくさんあります。ネストさえあれば、あなたのように聞こえます。

常に最速のUIを持つとは限りません。このタスクがどれほど共通しているか、最初に学習しやすいものに適しているかどうかを検討してください。たぶん、リンクやサブページが情報を提示する最良の方法です。便利ではなく古いものを無視しないでください。