問題タブ [jquery-ui-selectable]

複数レベルの選択を探していますが、選択機能は子ではなく親を最初にトリガーし、子を登録しないこともあります。私は次のようなことをしたい:

レベル 2 の項目をクリックして登録する方法についてのアイデアはありますか? レベル2を選択すると、親の選択が解除され、レベル2のみが強調表示されるようにオーバーライドしようとしています。

jQueryUISelectableウィジェットをAngularJSと一緒に使用したいと思います。ui-jqAngularUIのjQueryPassthroughディレクティブを使用してこれを含めることができました。これは、目的のUI効果を得るためにうまく機能しています。AngularJSを使用して選択したアイテムのデータを更新したいのですが、その方法がわかりませんでした。

AngularUI Sortableディレクティブを見つけました。これは、Selectableディレクティブを実装するための良い出発点かもしれませんが、AngularJSを使い始めたばかりなので、ニーズに合わせるのに苦労しています。

例：

http://jsfiddle.net/ffeldha/2KzRt/

選択したアイテムの名前を更新するにはどうすればよいですか？

li選択可能なビューとして要素を使用してアプリを作成しようとしています。このアプリでは、クリックアンドドラッグインターフェイスを使用して複数の要素を選択する必要があります。このため、Backbone.jsを使用して要素の状態とビューを追跡し、選択UIにはjQueryUISelectableを使用しています。

現在、私が持っている唯一の構造は、メインのアプリビュー、li要素のモデルとビュー、およびモデルのコレクションです。

メインのアプリビューが選択された要素を追跡して操作できるように、これを構造化するための最良の方法は何ですか？

私が達成する必要があるのは

1）クリックするたびに複数の要素を選択できます。

2)選択した要素をもう一度クリックすると、選択が解除されます

HTMLコード:

CSS コード:

Jクエリコード:

このコードを jquery サイトで表示

マウスドラッグイベントの複数選択オプションを無効にしたいのですが、ユーザーはコントロールキーを押しながら複数を1つずつ選択できます。問題は、selectイベントでajaxサービス呼び出しを送信していることです。かなりの数の大きなオプションを選択すると、一部がスキップされます。デバッグモードでは、ブレークポイントで各呼び出しを送信させると正常に実行されます。

ここにこの例を示します: http://jqueryui.com/selectable/#display-gridクリックしてドラッグすると表示される「選択ボックス」なしで選択したいと思います。つまり、番号 5 をクリックして番号 6 にドラッグし、次に 10 にドラッグすると、次のようになります。

実際に私がしたいのは、5 から 6 から 10 にドラッグし、9 なしでそれらだけを選択することです。

私はドキュメントを検索しましたが、そのオプションを見つけることができませんでした.Googleのスキルでは運がありませんでした.これはすでに行われているに違いないと思っていました。解決策なので、ここで助けていただければ幸いです（あなたが私のために調査を行うべきだと言っているのではなく、誰かが以前にこれに対処したことを望んでいるので、彼は私を正しい方向に向けることができます）。

また、jquery UI でこれを達成しようとする点が欠けている可能性もありますが、これは、私が達成したいこと (のような) に適合することがわかった最初の例でした。

選択可能なリストがあり、並べ替えも可能にしたいと考えています。また、なげなわ機能を使用する代わりに、選択可能なリストで複数のアイテムをクリックで選択できるため、リストのなげなわ機能を無効にしたいと思います。コードに $('#selectable').sortable() を追加しようとすると、リストは選択できなくなりますが、並べ替えることができます。

これが私のjsfiddleへのリンクです：

http://jsfiddle.net/jortgonfreit/HJugc/

ここに私の現在のJavaScriptコードがあります: