問題タブ [jquery-ui-sortable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 大量のデータを含む並べ替え可能なテーブルのベスト アプローチ
私たちの Web アプリケーションでは、検索結果は並べ替え可能なテーブルに表示されます。ユーザーは任意の列をクリックして、結果を並べ替えることができます。問題は、ユーザーが広範な検索を行って大量のデータが返される場合があることです。ソート可能な部分を機能させるには、おそらくすべての結果が必要であり、これには長い時間がかかります。または、一度にいくつかの結果を取得できますが、並べ替えがうまく機能しません。大量のデータを含む可能性のある並べ替え可能なテーブルを表示するためのベスト プラクティスは何ですか?
すべてのアドバイスをありがとう。私は確かにこれらを調べます。
ソート可能なテーブルを持つ既存の Javascript フレームワークを使用しています。「たくさん」の結果は数百を意味します。問題は、ユーザーがリモート サイトにいて、データ センターからデータを送受信するためのネットワーク時間が大幅に遅れていることです。データベース側でデータを並べ替えて、一度に 1 ページ分の結果のみを送信すると便利です。ただし、ユーザーが列ヘッダーをクリックすると、別の往復が行われ、常に 3 ~ 4 秒追加されます。
まあ、それはネットワークチームの問題かもしれません:)
jquery - jQuery Sortablesを使用してアイテムをドラッグするとラジオボタンが選択解除される
jQuery UI sortablesプラグインを使用して、リスト項目の並べ替えを許可しています。各リスト アイテム内には、アイテムを有効または無効にできるラジオ ボタンがいくつかあります。
アイテムがドラッグされると、両方のラジオ ボタンの選択が解除されますが、これは起こるべきではないようです。これは正しい動作ですか?そうでない場合、これを回避する最善の方法は何ですか?
この問題を示すコード サンプルを次に示します。
リスト項目をマウスでつかむとすぐに、両方のラジオ ボタンの選択が解除されます。
これがバグである場合、回避策の 1 つは、アイテムが移動されたときに [有効] ラジオ ボタンを自動的に選択することです。
更新: Windows XP x64 上の FireFox 3、Internet Explorer 7、Opera 9.5、および Safari 3.1.2 でこれをテストしましたが、この問題はすべての環境で発生します。
javascript - jQuery UIで複数の並べ替え可能なリストを相互に接続するにはどうすればよいですか?
私はjQueryを初めて使用し、jQueryUIの使用に完全に苦労していsortable
ます。
アイテムのグループ化と順序付けを容易にするために、ページをまとめようとしています。
私のページにはグループのリストがあり、各グループにはアイテムのリストが含まれています。ユーザーが次のことができるようにしたいと思います。
- グループを並べ替える
- グループ内のアイテムを並べ替える
- グループ間でアイテムを移動する
最初の2つの要件は問題ありません。私はそれらをうまく分類することができます。問題は3番目の要件にあります。それらのリストを相互に接続することはできません。いくつかのコードが役立つかもしれません。これがマークアップです。
$('#groupsList').sortable({});
とを入れることでリストを並べ替えることができ$('.itemsList').sortable({});
ましたdocument ready function
。connectWith
オプションを使っsortable
て動作させてみましたが、見事に失敗しました。私がやりたいのは、すべてのgroupItemsX
リストをすべてのリストに接続するgroupItemsX
ことです。どうすればいいですか?
ある種の循環参照がない限り、リストをそれ自体に具体的に接続しないようにする必要があると考えていました。確かに、私はExcelを使用していませんが、スタックオーバーフローなどを引き起こす、ある種の終わりのない再帰を引き起こす可能性があるように見えました。うーん。駄洒落でごめんなさい。自分を助けることができませんでした。
とにかく、私はこのようなことをしようとしていましたが、うまくいきませんでした:
私はそこで構文を完全に壊したと確信しています、そしてそれが私が最初に質問をしなければならなかった理由だと思います。リストから現在のアイテムを除外することは、パフォーマンスの観点からも必要または有用ですか?
AdamとJimmyPによって提供された両方の回答はIEで機能しました(FireFoxでは実際に奇妙な動作をしますが、並べ替えようとするとリスト項目が上書きされます)。私はあなたの答えの1つを受け入れ、もう1つに投票しますが、フィルタリングに関するアイデア/提案があれば、それを聞きたいと思います。
jquery - jQuery でのドラッグ可能/再ソート可能なスタック リストの実装
履歴書の項目を再分類できるようにするために、かなりの量のjQueryを使用するこのレイアウト エディターを作成する必要があります。次のような、セクションのグラフィカルな表現を含むダイアログを表示することを想定しました。
アイテムを移動するときは、最も近いスロットにスライドする必要があります。
これに少しでも似た例をウェブ上で偶然知りませんか?
jquery - jQuery ui.sortable の使用時にマウス オーバー イベントが発生しない
jQuery UI Sortables を使用してリスト間でアイテムをソートし、あるリストから別のリストにアイテムをドラッグ/ドロップしています。
リストは、展開/折りたたみ操作を制御するヘッダー DIV で折りたたみ可能です。マウスでタイトル DIV にカーソルを合わせると、リストが自動的に展開されるようにしたいと思いますが、現在リストを並べ替えているときのみです。
問題は、現在並べ替え中 (現在リスト項目をドラッグしているとき) に、ページ上のどのオブジェクトに対しても mouseover / mouseout イベントが発生していないように見えることです。
なぜこれが起こるのか/これを回避する方法は誰にも分かりますか?
一般的なレイアウト:
ありがとう!
javascript - jQuery Sortable コールバックが機能しない?
jQuery UIのSortableコンポーネントを使用しています。この最小限のテストでも、コールバックはまったく機能していないようです。
これらの要素を並べ替えても、アラートは表示されません。
私の使い方は正しいですか、それともドキュメントを読み間違えているのでしょうか?
関数の開始 (イベント、UI)
並べ替えの開始時に呼び出される関数。
javascript - jQuery UI Sortable connectWith カレンダーでの読み込み時間のパフォーマンス
jQuery UI ソート可能 + ドラッグ可能 1.6rc5
私がやっていること: さまざまな日付範囲を持つカレンダーを作成しています (例: 1 週間表示、20 週間表示など)。このカレンダーには毎日イベントがあり、イベントはその日内だけでなく、表示されているカレンダーの他のすべての日の間でも並べ替えることができます。私のカレンダーの平均的な日付範囲は約 10 週間で、これには約 50 のイベントが含まれます。
問題: カレンダーの各日について、jQuery の Sortable インタラクションの設定には一定の時間がかかります。jQuery が Sortable を適用する表示可能な日数が多いほど、ページの読み込みに時間がかかります。オプション 'connectWith' を投入して、すべての暦日を相互作用する並べ替え可能なリストとして結合します。ページの読み込みに約 10 倍の時間がかかります。10 週間で 50 のイベントの例では、ページの読み込みに約 50 秒かかります。
コード:
カレンダーのコードは次のようになります。
ソート可能なインタラクションの設定:
私が探しているもの: ページが読み込まれるときの読み込み/セットアップ時間が大幅に短縮されます。ソート可能なソースを引き続き調べますが、インタラクションのセットアップ時間を最適化するソート可能なオプションはあまりないようです。
javascript - ソート可能なリスト(jquery)のJavascriptエラーre connectWith変数
これを機能させるためにすべてを試しました。基本的に、各ポートレット内には 2 つのセクションがあり、ユーザーは (同じポートレット内で) あるセクションから別のセクションに項目をドラッグできる必要があります。sortables は動的に生成されるため、connectWith の変数を作成して同様のことを試みましたが、connectWith 行を含めると JavaScript エラーが発生し続けます。
参照: http://www.nimr.mrc.ac.uk/ttest/090209/nimri_c.html
どんなポインタでも大歓迎です。:)
おっと、私は十分な情報を提供していなかったと思います。コメントアウトされたコードのこれら 2 ブロックは、削除する必要があります (申し訳ありません)。(使用されましたが、.each 内にある Cookie コードと競合していました)
また、ユーザーがリスト項目を list1 から list2 などに移動できるようにしたくありません。list1 項目は list1-hide に移動できる必要があります (逆も同様です)。
問題のコード行は .each 関数内にあります -
jquery-ui - jQuery UI が項目を他のコンテナーに入れる
<li>
エントリを他の<ul>
コンテナに入れる良い方法を探します。手がかりは、<li>
要素が元の場所にドロップされたときに<ul>
元の場所に戻す必要があるということです。それらをソート可能にしたくありません。他のリストにドロップされた場合は、そのリストに追加する必要があります<ul>
。
「connectWith:」オプションでソート可能なプラグインを使用していますが、思い通りに動作しません。
どのように機能するか、いくつかのアイデアはありますか? または、そのアイデアに適したプラグインはどれですか。
javascript - ソート可能からソート可能に移動
I used jquery ui's $.sortable()
ユーザーがソート可能なリスト(関数)に入れたdivを別のソート可能なリストにドラッグできるようにする方法はありますか?