問題タブ [gridster]

私はgridsterでいくつかのテストを行いました.coords、size、idなどのいくつかのgridsterデータを保存できます.

しかし、各要素のグリッドスター座標とともに後でロードできる方法で、グリッドスターにデータを入力する div のコンテンツを保存することはできません。

これが私のコードです：

ここに私のprocess.php：

その div の html コンテンツを除くすべてを抽出して、後で動的に再作成できます。

誰でも私を助けることができますか？

ありがとうございました

Gridster jQuery プラグインを使い始めたばかりですが、gridster.serialize() の使用に問題があります。このサイトによると、JSON 文字列としてエンコードできるように、すべてのウィジェットの位置を含むオブジェクトの JavaScript 配列を作成することになっています。

私はいくつかの基本的なコードを持っています:

対応する HTML を使用:

そして、 gridster.serialize() 関数がどのように機能すると想定されているかは、私には完全には明らかではありません。グリッド内のすべてのタイルの現在のサイズ/位置を記録し、それを何らかの配列に入れようとしています。誰にもアイデアはありますか？

編集:サイトはこちらです。

グリッドを作成していますが、Javascript オブジェクトの配列から項目をグリッドに追加する必要があります。

グリッド は、 4 つの列と無限の行 (グリッドに挿入されるさまざまな量のオブジェクトに対応するため) を持つ必要がある<div id="grid">単純なコンテナーです。div

グリッド アイテムは、divsグリッド内の列、行、幅、高さを指定する属性を持つオブジェクトに基づいています。それらは次のようになります。

列:のように、これは項目が開始する列を定義し、項目の値tableに従って右に展開します。x

行: アイテムがある行。

x: 列のアイテムの幅。アイテムの幅は常に 4 以下です。

y: 項目の行の高さ。アイテムの高さは常に 2 以下です。

これらの属性に基づいて、グリッド内でこれらの項目を順序付け、配置、および追加する JavaScript を作成する必要があります。それが役立つ場合、json データは、gridster.js ライブラリで作成された同様のグリッドから取得されます。

jQueryが使えます。

私はJavascriptが初めてで、KnockoutでGridsterを使用しようとしています。アイテムのデータベースがあり、ノックアウト foreach を使用してアイテムを UL にバインドしています。UL は Gridster ライブラリでスタイル設定されています。ビューモデルの ObservableArray を介して UL に要素を追加しようとしない限り、すべてうまく機能します。

ここでの操作の範囲と順序を理解するのを手伝ってくれる人はいますか? Gridster ライブラリが新しいウィジェットにスタイルを適用していないように感じます。

このjsfiddle は、問題の動作デモを示しています。ウィジェットをダブルクリックすると、新しいウィジェットが作成されますが、グリッドには配置されません。代わりに、後ろにぶら下がっているだけです。

ここにHTMLがあります

ジャバスクリプトはこちら

PHP、JavaScript、および JQuery は初めてです。フットボールのスコアボードを作るのは楽しいだろうと思った. それで、いくつかの調査を行った後、私はこれを思いつきました。もっと良い方法があると確信していますが、このサイトの多くの記事からアイデアを借りてきました. Gridster でハードルにぶつかりました。テーブルの位置でクッキーを正しく書いていると思います。widget_selector として定義されているときにテーブルを機能させることができなかったため、リストされたアイテム内にテーブルを配置しました。

これが私のコードです。Cookie の位置データを読み取り、それに応じてテーブルを並べ替えるにはどうすればよいですか? 助けてくれてどうもありがとう！

gridster ダッシュボードを作成できますが、各 gridster ウィジェット内のデータを取得/管理する方法がわかりません。

例として、メモリ消費量、CPU 使用率、および使用可能なディスク容量をキャプチャするウィジェットがあるとします。私の考えでは、データ属性が割り当てられた 3 つのラベルです。

1. gridster ウィジェットでラベルを取得するにはどうすればよいですか?
2. 値をバインドする方法/値を更新する方法/

各ウィジェットに html ファイルを関連付ける必要があると思います。それを行う方法、またはそれが実際に正しいかどうかはわかりません。私layout.html.erbのレイアウトには次のものを使用しています。

ブロックを任意の位置にドラッグ アンド ドロップします。たとえば、ブロックをコンテナーの下部に配置すると、上部に空きスペースができます。助言がありますか？