問題タブ [gridster]

グリッドスターコンテナーのサイズを自動変更する方法を見つけようとしています。

ユーザーがブラウザのサイズを変更すると、対応する gridster ウィジェットのサイズが変更されます。（列と行の数は変わりませんが、実際のサイズは変わります）

ブラウザのサイズが変わると、「widget_base_dimensions」の値を計算できます。

ただし、新しいサイズに対応するためにウィジェットを更新/実行する方法が見つかりませんでした。

このような機能をサポートする機能がないか探していたところ、

jquery.gridster.js の 3529 行目、

私はそれらをどのように利用しようとしましたが、失敗しました:(

誰かがこのコードをうまく利用したり、回避したりした場合は、助けてもらえますか?

Gridsterを使用して、 resize.enabledconfig オプションを使用してサイズ変更可能なウィジェットを含むグリッドを作成しました。

ユーザーが Gridster ウィジェットのサイズ変更を完了した後、ウィジェットの新しい最終サイズを取得したいと考えています。どうすればこれを行うことができますか？

を使用してウィジェットのサイズを手動で変更した後

新しいウィジェットのサイズを取得する必要がありますが、常に古い高さを取得します。正しい新しい高さと幅を取得するには、数ミリ秒待つ必要があります。

Grister がウィジェットのサイズ変更を完了したときにイベントを取得する方法はありますか?

2 番目のテキストエリアで単一のウィジェットの (li) JSON/位置を取得しようとしています。私はそれを見つけるために多くのことを試みましたが、正しく機能していません。

誰かが私を助けてくれるなら、私のコードを共有しています。グリッドスターを知らない人は、以下のリンクを参考にしてください。 http://gridster.net/demos/serialize.html

私は現在、グリッドスターベースのCMSモジュールに取り組んでおり、最終ユーザーがさまざまなレイアウトを作成できるようにするために、グリッドスターを複数回インスタンス化する必要があります。

設定する必要があるグリッドの数をループして、定義された反復に基づいて異なる引数で呼び出す必要があるコールバックを定義しようとすると、私の問題が発生します。それらをテストすると、(最後の) 同じ値。

私はそれが閉鎖の問題だと思います.私はこのフォーラムからいくつかの投稿を読んでもそれを解決しようとしていますが、成功していません.

ここに私のコードがあります:

グリッドが構築されます。それで問題ありません。ご覧のとおり、ドラッグ アクション停止のコールバックとして関数を呼び出そうとしていますが、これは異なる引数で呼び出す必要があります。私が必要としているものに似ていると思われるこれを見つけましたが、残念ながら私はコーヒースクリプトについて何も知りません. 事前に助けてくれてありがとう

text-align: centerGridster グリッド内にテキストを配置して、それを andにしたいと思いますvertical-align: middle。

<li><span>Text</span></li>

私はこれを試しました：

作品のみtext-alignです。line-heightユーザーが選択したものに基づいてすべてのグリッドの高さが異なるため、使用できません。

高さと幅を直接持っていないためだと思います。そのため、 margin:auto 0px;も機能しません。それらは、データ属性を介して高さと幅を取得しました。

Gridster の CSS 動作を知っている人はいますか? グリッド内の要素 (画像またはテキスト) を垂直方向に中央揃えするにはどうすればよいですか?

これは、Ajaxを介して要素を追加する方法です

アップデート

もう公開されていないので、デモを削除しました。ソリューションをアップロードしました。テーブルセル表示では機能しませんでしたが、何らかの方法で現在のグリッドのサイズ-y を照会すると、それを 2 で割り、標準グリッドのサイズよりも少し小さい値を掛けることができます。フォント サイズによって異なります。箱の中で使います。