問題タブ [sortables]

jquery の sortable 関数を使用して、よくある質問リストを並べ替えています。言うまでもなく、私はこの概念に慣れていません。誰もがこれのバックエンドの良い例を持っています. フロントは正常に動作していますが、データベース内のシーケンスを更新することは別の話です。私のバックエンドはColdFusionです。

前もって感謝します

説明が少し複雑かもしれません。次のような100 x 100 pxの9枚の画像を含むグリッドがあります(各数字は画像を象徴しています):

私が望むのは、ユーザーがドラッグ アンド ドロップできることです (例: 9 オーバー 1)。

jquery UI のソータブルは、ソリューションがフロートを使用しているため機能しません。これにより、すべてのボックスが右または左に「プッシュ」されます。

前もって感謝します。

以下のコードは、startイベントでsortablesを完全に無効にするわけではありません。クラスui-sortable-disabledとui-state-disabled並べ替え可能な要素を追加しますが、機能を無効にすることはありません。つまり、並べ替え可能要素は無効に見えますが、ドラッグされたアイテムを受け入れ、有効になっているように動作します。

これを実行したい理由は、ドラッグ開始時に、ドラッグ中のアイテムがすでに含まれている他の接続されたソート可能ファイルを無効にする必要がある場合があるためです（簡略化するためにロジックを削除しました）。これはバグですか、それとも回避する方法がありますか？

Sortablesリスト項目が水平に表示されている場合、クラスを使用してリスト項目をソートする際に問題があります。このスタイルを削除すると、すべてが修正されました:

display: inline

jsfiddle で例を作成しました。

これは機能します。スタイルシートを確認してください.countries li- リストがインラインで表示されません - http://jsfiddle.net/Wgpqw/

これは正しく動作しません。リストアイテムをリストの周りにドラッグできますが、移動するとソートがランダムに発生します - http://jsfiddle.net/Wgpqw/1/

インラインモードでのリスト要素の配置と関係があると思われます。どんな助けでも大歓迎です。

jQuery UI Sortable を使用してソート可能なナビゲーション ツリーを構築しようとしています。問題なく Firefox で問題なく動作しています。IE ではかなりうまく機能しますが、ネストされたリストを持つ項目をナビゲーション層で下に移動しようとすると、一貫性のない問題が発生するようです。リストは移動中のリストのドロップポイントを作成するために展開されず、失敗することがよくありますが、それでもソートが機能する場合があります。私は認めようと思っているよりも長くこれで遊んできました! 誰にもアイデアはありますか？

source を使用したデモへのリンクは次のとおりです。

問題を再現するには: IE で、行 ([アイテム 12 の移動]) を数行上にドラッグしてから、開始位置まで下に移動してみてください。(注: 項目を移動するには、クリックして押し続ける必要があります)

すみません、戻ってきました

「最後の」ソート可能なアイテムを取得するにはどうすればよいですか。あるリストから別のリストをドラッグしていますが、「ドロップ」リストの最後のアイテムではない可能性がある、最後にドラッグされたアイテムに「長さ」を追加する必要があります-ご理解いただければ幸いです。

コードのアイデア

私は素晴らしいawesome_nestedセットで作られたカテゴリモデルを持っています. ドラッグ アンド ドロップ ツリーを正常に生成し、SERIALIZELIST プラグインを使用してこのツリーの完全なハッシュを正常に生成し、カテゴリ コントローラーに追加した「配列」メソッドに送信しました。（jqueryとnestedsortablesを使用）ログからのハッシュは次のようになります...

処理中 CategoriesController#array (2010-08-19 23:12:18 の 127.0.0.1 の場合) [POST] パラメータ: {"ul"=>{"0"=>{"class"=>"", "id" =>"category_1", "children"=>{"0"=>{"class"=>"", "id"=>"category_4", "children"=>{"0"=>{"class" =>"", "id"=>"category_3"}}}}}, "1"=>​​{"class"=>"", "id"=>"category_2", "children"=>{"0 "=>{"class"=>"", "id"=>"category_5"}, "1"=>​​{"class"=>"", "id"=>"category_6"}}}}}

私はソート機能に問題があります。

素晴らしいネストされたセットはいくつかの移動機能を提供しますが、私はそれについて理解できないようです。

ユーザーが保存を押したときにこのようなことをしたい(ところで、それはajaxリクエストを行い、上記のデータを正しく渡します)

これで十分な情報であり、誰かがこの質問に答えてくれることを願っています。

乾杯、

マテニア

----------- 更新と進行状況 -----------

数日前にこれを投稿して以来、開発環境で logger.info をいじって、舞台裏で何が起こっているかを確認しました。

私は2つの関数を書くことになりました。1 つは配列のルートを通過し、もう 1 つは子と子の子を再帰的に移動します。しかし、これはあまりにも多くのデータベース呼び出しで終わります (しかし、それを行う方法は他にないかもしれません)。

コードは次のようになります...

これをより効率的にする方法と、データベース呼び出しの数を減らす方法について、誰かが光を当ててくれることを願っています。私は他の関数を書くことを考えましたが、それらはすべて同じことをするつもりです。

この特定のプロジェクトでは、100 以上の異なるカテゴリがあるとは思いません。これは最善の方法ではありませんが、うまくいきます。

再び乾杯、

マテニア

最終的な回避策

上記のコードで、子が適切に保存されないという問題がありました。これが私の最新の試みで、うまくいくようです。

それでもデータベース呼び出しが多すぎますが、データベース内の各アイテムを再記録する必要があるため、この機能が必要なための代償だと思います。

これが困っている人に役立つことを願っています。誰かがこれについて助けを求めている場合は、遠慮なく私にメッセージを送ってください。

すばらしいネストされたセット + JQUERY ドラッグ アンド ドロップ + SERIALIZELIST プラグイン ....

乾杯、

マテニア

私は困惑して欲求不満なので、助けを求める時間です。たくさんのグーグルをしましたが、まだ私のために働く解決策を見つけていません。

私が持っているのは、Jqueryの並べ替え可能なものを使用して並べ替えることができるたくさんのdivです。一部のdivにはTinyMCEインスタンスが含まれています。TinyMCEインスタンスを含むdivを移動しようとするまでは、これで問題ありません。TinyMCEを実行すると、TinyMCEが自動的に更新されて新しいインスタンスが作成され、データなどが失われます。その後、JavaScriptがなくなるため、ページ全体が壊れます。動作します:)。この間、Firebugでjavascriptコンストラクターエラーなどが発生します。

私が最善の方法を決定したのは、divがドラッグされ始めたときに、テキスト領域からTinymceを削除し、新しい位置に配置されたときに、Tinymceを元に戻すことです。

正常に削除できますが、コンストラクターエラーが増えるため、元に戻すのに問題があります。

注：TinyMCEは、使用しているシステム内のすべてのテキスト領域に自動的に追加されるため、TinyMCEをいじらないようにしてください。

以下のコードでは、テスト目的で特定のテキストエリアIDをターゲットにしています。

他の誰かが他の解決策を持っていますか？あなたがより多くの情報を必要とするならば、私にさせてください:)

ここで奇妙な問題。

TinyMCE をテキスト エディタとして使用する既存のシステムでの作業。

jquery sortables を使用して、多数の可動 div を含むページを作成しました。現在、TinyMCE は dom 内で移動されることを好まないようです。そのため、少し調査した後、移動中の div 内のテキスト ボックスから tinymce インスタンスを削除し、ドラッグの最後に再度追加する必要があるようです。インスタンスを正常に削除できますが、再度追加しようとすると削除されません。

私は TinyMCE の最新バージョン、少し古いバージョンの jQuery を持っています (更新を試みましたが、うまくいきませんでした)。

これを解決できないため、この投稿:)

なぜ追加しないのかわからない、何かアイデアはありますか？

こんにちは人々 はいくつかのドラッグ ドロップで UI を使用しています。問題は、「クローン」を起動できないことです。

2 つ<ul><li></li></ul>のリストがあり、リスト 1 からリスト 2 にドラッグしたいのですが、そのビットは簡単ですが、「クローン」をリスト 1 に残すのは簡単ではありません。私が必要/したいことは、リスト1からリスト2にドラッグすることです（片道ドラッグのみ）、リスト2で受信すると、ドラッグされたアイテムを非表示にします-OKは奇妙に聞こえますが、ドラッグされたアイテムのIDはそれに基づいてページをロードします<li>2番目に作成した「空」にIDを入れる<ul>

これまでのところ、「私たち」は次のようになっています。

提案してください - ありがとう