問題タブ [jquery-ui-selectable]

チェックインとチェックアウトから値を取得するにはどうすればよい<li>ですか? 私はすでに多く<ol>を持っており<li>、この画像でわかるように: http://s2.subirimagenes.com/otros/previo/thump_7254872hot.jpg

あなたmousedown(チェックアウト) までチェックイン値 (画像では、ドラッグされているオレンジ色の線から) をキャプチャする必要がありますが、チェックインとチェックアウトからの値が必要なだけです。

ドラッグの場合、次のようなものがあります。

それから多くの<li>

この画像でわかるように: http://s2.subirimagenes.com/otros/previo/thump_7254872hot.jpg

JqueryUiからシリアル化されたselectableをMVCのビューに追加しようとしています。具体的には、上司が部下のリストから個人または複数の従業員を選択できるようにしたいと思います。この従業員のリストはコントローラーに組み込まれ、ViewBagに割り当てられます。このViewBagの従業員をselectableに入力したいと思います。

これを行うための最良の方法は何ですか？私はまた、これを達成するためにViewBagを使用するという考えと結婚していません。

jQuery UI Selectable コンポーネントを使用しています。コントロール/コマンドを押さずに複数の選択を許可するために、次のものがあります:(別のスレッドから)

これは、複数のアイテムを選択し、ドラッグして選択できるようにするのにうまく機能します。問題は、mousedown を metaKey にバインドすると、コマンド/コントロール キーを実際に押した場合と同じ動作が得られないことです。

動作を示す短いスクリーンキャストを次に示します -スクリーンキャストの例

これはjsfiddleの例です（自分ではなく別のユーザーから）-metaKeyをtrueに設定

jfiddle の例で、クリックしてドラッグして最初の 4 つを選択したとします。現在4名が選ばれています。metaKey が true に設定されているため、5 または 6 をクリックして選択に追加できます。代わりに、5 をクリックして 4 (すでに選択されている) の上にドラッグし、マウスを離さずに 5 にドラッグすると、4 が選択されなくなります。

同じことを試してみてください。ただし、今回はコマンド/コントロールを保持します。最初の 4 つが選択されている場合は、5 をクリックして (コマンド/コントロールを押したまま) 4 の上にドラッグしてから下に戻すと、4 が選択されたままになります。

基本的には、ドラッグすると選択されたアイテムが選択解除されますが、コマンド/コントロールキーを押すと、選択されたアイテムが選択されたままになります。

停止、開始、選択、選択解除の各イベントのメタキーをconsole.logに記録しました。メタキーがマウスダウンにバインドされている場合、すべてtrueを返しますが、コマンドキーを実際に押した場合とは動作が異なります。

大丈夫です。次のスニペットがあるとしましょう：

さて、私が実行したとしましょう：

私のジレンマ:

たとえば、ドラッグしていてなげなわツールが表示されるときはいつでも、4 つの div だけを選択したいとします。つまり、div の外観が左から右にあるとします。

ABCDEF

なげなわは A から始まり、右に移動します。D をカバーすると、4 の制限に達します。E と F にカーソルを合わせると、これらは選択できなくなります。

selectableの「filter」オプションで指定されたものとは異なるクラスを最後のTDに割り当てることにより、JQuerySelectableプラグインで各行の最後のTDを選択できないようにすることができました。

最後のTDに画像があり、そのクリックで特定の操作を実行しますが、TDはプラグインによって選択されませんが、イベントを半分の回数消費し、画像のクリックは発生しません。その列を3回クリックすると、1回だけ起動するよりも、ランダムな動作のようになります。

行の最後のTDがクリックされた場合に、プラグインからImgにイベントを中継する方法を知っている人はいますか？

各行の最後のTDのクラスを以外に明示的に設定しました'ItemTd'。

を押したままにして、jQueryUISelectableテーブルで複数選択機能を有効にしたいshift。

shiftマウスクリックを押したままにすると、おそらくこのようなことをする必要があります

• 最上位の選択された要素を取得します
• クリックされた要素を取得
• 間にあるすべての要素を選択します

しかし、私はこれをきれいな方法で行う方法を見つけることができません...

現時点では、これを選択可能な構成内に収めました。

oTargetクリックされた要素（およびe.currentTargetテーブル全体）もそうですが、今は何ですか？クリックされた要素が選択された要素の上にあるか下にあるかを教えてくれる方法で、どの要素がすでに選択されているかを見つけて、その間のすべてを選択するにはどうすればよいですか？

私はこれを次のように解決し、選択可能な要素に追加しました：

ヘッダーにセルの範囲を非表示にするリンクがあるテーブルがあります。jQueryUIselectable()を使用してセルを作成したいのですが、非表示のセル+が奇妙な動作を引き起こしています。selectable()

例： http： //jsfiddle.net/gvmNv/1/

Chromeでは、セルを非表示にしてからselectable()適用すると、一部のファントムセルがテーブルに挿入されているように見えますが、それらはdomにありません（表1）。

表2では、クリックしてセルを非表示にしてから選択すると、同じことが起こります。

IE8では、セルが非表示になっている場合、非表示のセルを選択すると、非表示のセルも選択されます。さらに、セルの範囲が選択されてから非表示になった場合、その後の選択で非表示のセルの選択が解除されることはありません。

Firefox9ではこれらの問題は発生しませんでした。

誰かがこれを説明できますか？それを修正する方法はありますか？

カミソリビューに選択可能な複数のjQueryを動的に追加しようとしています:

だから私は使用できません：

選択可能にする各要素の ID は、selectable_x のようなものになるため、x は整数です。選択可能なものを作成するスクリプトは次のようになります。

そして、私が使用しようとしているCSSスタイリングは次のようになります:

要素は作成されていますが、ui-selecting および ui-selected クラスの CSS スタイルは適用されていません。

アイデアは大歓迎です。

ティア。

私はJquery.selectableと少し混乱しています。私がする必要があるのは、チェックボックスを含む領域を選択可能にして（ここまでは大丈夫です）、選択したチェックボックスのどれがすでにチェックされているかをチェックして（チェックを外すことができるように）、チェックボックスがオンになっているかどうかを確認することですそうではありません。

どんな助けでも大歓迎です。ありがとう。

JQuery UI 選択可能プラグインを使用して表のセルを選択しています。コード例は次のとおりです: http://jsbin.com/ejewes/edit#javascript,html,live

これを変更して、次のことができるようにしたい
1.複数のマウスドラッグ選択を行う（ctrlキーを使用せずに）
2.単一/複数の選択されたセルをドラッグまたはクリックしてセルの選択を解除する

このフォーラムで関連する質問をしましたが、これまでのところ解決策がありません! このプラグインのカスタマイズを手伝ってくれる人、またはこれを行うのに役立つリソースを教えてくれる人はいますか?

よろしくお願いします！

ディーパ・タリカー