問題タブ [gridster]
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.
jquery - あるグリッドスターから別のグリッドスターにグリッドをドラッグするにはどうすればよいですか?
あるグリッドスターから別のグリッドスターにグリッドをドラッグするにはどうすればよいですか?
jquery - あるグリッドスターから別のグリッドスターに要素をドラッグする方法は?
あるグリッドスターから別のグリッドスターにセルをドラッグしようとした人はいますか? 私はそれを機能させようとしてきました..しかし、運がありません。何か助けてください。
javascript - Gridster の列数を変更するにはどうすればよいですか?
設定された列数と固定数のタイルで始まるグリッドスターベースのレイアウトがあります。設定後に列数を変更する方法はありますか? -- たとえば、3 列から始めます。
(タイル1 | タイル2 | タイル3
タイル4 | タイル5 | タイル6)
2 列のレイアウトに変更します。
(タイル1 | タイル
2 タイル3 | タイル4 タイル
5 | タイル6)
この変更は、ユーザーの操作によって行われます。
私は次のようなものを使用しようとしました:
しかし、それはうまくいかないようです...
data-row
との値を手動でdata-col
新しい位置に変更して、init() を呼び出しました (init とは呼びませんでした)。
gridsterコードを追加して変更することさえ試みました
メソッドにfn.generate_grid_and_stylesheet
(行の直後:
)。
これらのオプションのいずれかを使用してタイルを正しい位置に移動させることはできますが、その後のドラッグ動作は... 奇妙です。
私が何を意味するかを説明するためにjsfiddle( http://jsfiddle.net/qT6qr/ )をセットアップしました(フィドルの上部にある行のgridster.min.jsを許してください、私が見つけたcdnが見つかりませんでしたそれに使用できます...)。
前もって感謝します
performance - グリッド位置をデータベースに保存する最良の方法は何ですか?
http://gridster.net/から派生したグリッドがあります。
- グリッドの列は、異なるタイプのエンティティとして表示されます。
- 行は優先度として認識されます。
各セルはこのようなオブジェクトです
実在物
- ID
- 名前
- 優先順位
- TypeId
注: Priority と TypeId はどちらも Int であり、実際には、このグリッドを生成するときのグリッド/列の場所に関連しています。
私の問題: セルが移動するたびに、そのセルの TypeId と Priority を更新し、移動した可能性のある他のセルを検出する必要があります。
通常、これは優先度 + 1 以下のすべてのセルを一括更新することを意味します (下に移動したため)。
この解決策は明らかに機能しますが、この設計と、実際にはデータベース内の別のテーブルを切り離して、優先度を追跡する役割を果たしたいと考えています。(グリッド ID に強く関連付ける必要はありませんが、優先度による並べ替えのようなことができるはずです) 順序/優先度を担当する他のテーブルと一緒に。特に、別のグリッドがあり、いくつかのエンティティのみを表示する場合。
Linked list のアプローチがいいのではないかと思いました。上と下を追跡している場所 (前と次) ですが、クエリを実行するのは非常に困難です。
何か案は?
javascript - これらのコールバックは構成オブジェクトにどのように適合しますか?
私は gridster.js が大好きですが、そのコールバックの使い方がわかりません。ドキュメントには、次のものを Gridster 構成オブジェクトに渡すことができると記載されています。
これが私が試みていることですがUncaught SyntaxError: Unexpected token .
、draggable.stop行でエラーが発生します。
ここで使用する正しい構文は何ですか?
javascript - リンクのドラッグ中の「クリック」を防止する
リンクのグリッドを作成するために gridster を使用しています。リンクをクリックすると、リンクは正常に機能するはずです。問題は、ドラッグ後にクリックされることです。ドラッグ後にクリックされないようにするにはどうすればよいですか?
確認してください: http://jsfiddle.net/b_m_h/tr4cU/
J: