問題タブ [gridster]

gridsterを使用してドラッグ可能なグリッドを作成しましたが、gridster.js がclickイベントをオーバーライドするため、編集可能な DIV が編集できないという問題に遭遇しました。DIVをクリックすると手動で関数をトリガーできるという解決策が見つかりました。focus()このDIV内のテキストは変更可能ですが、選択できません(マウスやキーボードではできません)。

この動作の原因を知っていますか? 自分のコードで JSFiddle を作成しました ->クリック

HTML は次のようになります。

JS は次のようになります。

私は AngularJS と Gridster に参加しようとしています。ここにあるコードに従います: Gridster jQuery plugin on AngularJS ng-repeat content going bad

問題は、最初の削除後にウィジェットを削除する (およびデータを $scope.items に永続化する - 私の場合はキャッシュを使用する) と、コンテンツがすべてうまくいかないことです。

次をクリックすると、2 つのウィジェットが削除されます (elm.$destroy コールバック内)。この問題を起こさずにオンザフライでデータを保存する方法を理解するのを手伝ってもらえますか?

私は gridster ライブラリを使用するアプリケーションを持っていますが、これを IE6-7 ブラウザーで使用すると、まったく機能しません。同じ作業用のプラグインを提案してください。

ダッシュボードに Gridster.js を使用しています。これにより、ウィジェットのドラッグ アンド ドロップとサイズ変更が可能になります。ウィジェットの 1 つを移動またはサイズ変更した後、最小限のスペースに収まるようにウィジェットを自動配置する可能性はありますか?

グリッドスター ウィジェットのサイズを変更しても、グリッドスター ウィジェット内のハイチャートが自動的にサイズ変更されません。ウィンドウのサイズを変更すると、グリッド サイズに基づいてハイチャートのサイズが変更されます。しかし、グリッドのサイズを変更すると自動的に発生するはずです。

私が試したコードは以下の通りです：

追加されたウィジェットの状態を保存するにはどうすればよいですか: 以下は、ボタンをクリックしてウィジェットを追加するために使用している関数です。

html は次のとおりです。

更新時に、状態を保持するために追加されたウィジェットが必要です。それ、どうやったら出来るの？何か案は？？？？？

前もって感謝します！

グリッドスター ウィジェットを 1 つだけサイズ変更可能にすることはできますか?

ユーザーがウィジェットの見出しをクリックして、展開および縮小できるようにしました。

ウィジェットが展開されたときにサイズ変更できるようにしたいと思います。

これはできますか？もしそうなら、どのように？

私は gridster プラグインを使用しています: http://gridster.net/また、ダッシュボードのレイアウト用のブートストラップも使用しています。ただし、ウィンドウのサイズを変更する際に問題が発生します。サイズ変更には次の関数を使用しています。

これにより、ウィンドウの縮小時にコンテンツのサイズを変更できますが、ウィンドウを拡大してもコンテンツが通常の状態に戻らない場合、ブートストラップ css とグリッドスター css には、この問題を引き起こす競合するクラスがいくつかあると思います。これを修正する方法はありますか？また、私が考えていた1つの方法は、ブートストラップクラスに名前空間を提供することでした。その方法では、競合するクラスの場合、ウィンドウのサイズ変更は影響を受けません。問題を引き起こすクラスのみに名前空間を追加する方法に関するアイデア. 以下は、boostsrap の CSS です。

上記の例では、名前空間のみをメディア クエリに追加したいと思います。残りのすべてのクラスは同じままです。どうすればこれを達成できますか？