2012-03-15 10 views
0

グリッドをクリックすると絶対位置、固定高さ8px、下部、左、幅のDIVが作成されますセット。 jquery UIを使用してドラッグ&リサイズを実装しました。(CSSファイルとjquery-ui jsファイルが含まれています)jquery ui - フローティングdivのサイズを水平に変更すると、高さも変更されます

リサイズハンドルを「w、e」に設定しているので、 「サイズ変更セッション1回につき2ピクセル減っているようです」

私はhttp://jqueryui.com/demos/resizable/を例として使用していますが、ここではうまく動作しますので、下位と高さは変更されています。何が間違ってここに起こっている

いくつかのコード(簡体字):?

var left = 200; 
var width = 120; 
var invertedRowIndex = 8; // calculated in real code 
var ROW_HEIGHT = 17; 
var jqo = $("div.grid"); 
var bottom = (invertedRowIndex * ROW_HEIGHT) + "px"; 
var html = "<div class=\"mybar\" id=\"bar1\" style=\"left: " + left + "px; bottom: " + bottom + "; width: " + width + "px\"><!-- fill --></div>"; 
jqo.append(html); 
var jq = $("div#bar1").addClass("cursor-pointer"); 
jq.resizable({ 
     handles: "w, e", 
     grid: [10, 10], 
     minHeight: 8, 
     maxHeight: 8, 
     minWidth: 10 
    }); 
+1

「あなたは、サイズ変更可能なの停止イベント内の要素の高さをリセットしようとすることができ、」あなたはおそらくページへのリンクを提供したり、作成することができますjsFiddleの例? – Andy

+0

ええええええええええええええええええええええええええええええええええええええええええええええええええええええええええ投稿者それはおそらくjqueryのサイズ変更が可能なdivがExt-js4グリッドコンポーネント内に配置されているために発生している可能性がありますが、浮動小数点のdivが直接の子であるテーブルがあります(小さなテストで問題は発生しません)。グリッド自体をホストするDIV。私はExt-jsコンポーネントが必要ですが、これは私のプロジェクトでは必須なので、だから私はこれを解決する方法を見つける必要があるでしょう... –

+0

あなたはサイズ変更可能な – Andy

答えて

0

私はこれにアンディはコメントで述べた方法を解く:

関連する問題