1

ドロップダウンリストを連続してドリルダウンすることで、分類法をナビゲートする方法をユーザーに提供したいと思います。

簡単な例は、ebay のカテゴリーのようなものです。たとえば、「衣料品」というカテゴリを選択すると、次のドロップダウン リストには、「ショーツ」、「パンツ」、「コート」など、衣料品の下にあるすべてのサブカテゴリが表示されます。

jQuery プラグイン mcDropdown を見てみました。インターフェイスは本当にいい感じです。ただし、分類法全体を一度にプラグインに渡す必要があるようです。私が調べた他のプラグインにも、この制限があります。

データを動的に取得して表示するものが必要です。したがって、ユーザーが「衣料品」を選択すると、UI はその選択をサーバーに送り返し、サーバーは「衣料品」のサブカテゴリのリストを送り返します。

それを行うjQueryプラグインはありますか? または、プレーンな jQuery でそれを実装するには何が必要でしょうか?

私は jQuery の方が好きですが、他のフレームワークでも問題ありません。

4

2 に答える 2

2

私はこれのためのいくつかのプラグインを知らないので、ここにプロセスの内訳があります..

実装に時間がかからないはずです..（サーバー側のテクノロジーと、ajax呼び出しが返されるためのhtml / xml / json間の設定に依存しているため、私はそれを試みません..）

  1. 第1レベルのデータを取得するためのjquery Ajax呼び出し
  2. jqueryでドロップダウンを作成し、取得したデータを追加します
  3. リスト アイテムは、新しいドロップダウンで jquery.data()メソッドを使用し、自動インクリメント カウンターを使用します (最後ではないドロップダウンで何かを変更すると、以降のすべてのインスタンスを削除するために使用されます)。
  4. プロセス全体を繰り返す新しいドロップダウンのイベントにハンドラーをバインドし、.change()パラメーターとして ajax 呼び出しに選択の ID を渡します (ロジックを一度作成し、最初に手動で呼び出す必要があります..)
  5. 同じハンドラーで、選択ボックスのカウンターが最後のものではないかどうかを確認し、すべてのドロップダウンを見つけて、このドロップダウンより大きいカウンターを持つものを削除します..
  6. DOM に新しいドロップダウンを追加します。

私はそれがいくつかの意味を持っていることを願っています..

于 2010-02-11T23:32:55.040 に答える
1

私はかつて、あなたが探しているプラ​​グインを書いたことがあります。そうでない場合は、少なくともコーディングを開始するのに適した場所を提供する必要があります (うまくいけば:)

于 2010-02-12T00:15:12.730 に答える