0

私はこの単純なタスクを実行したいと考えています。divExtJS と ExtJSの次のコードがありますpanel。デモ

#drawing 
{
    position: absolute;
    border: solid 2px green;
    width:    100%;
    height:   300
}

と

var contentPanel =  Ext.create('Ext.panel.Panel', 
{
     title: '',
     region: 'center',
     margins: '2 0 0 0',
     border: false,
     autoScroll: true,
     contentEl: 'drawing',
});

ビューが作成された後、すべてがレンダリングされます。条件に基づいてdivの高さをサイズ変更することになっているJS関数を呼び出しています。

プログラム内でインクリメントされるyCoord変数があり、高さに達しcontentPanelたら、次のコードで div の高さを拡張したい:

if (yCoord > contentPanel.getHeight() - 200)
{
    document.getElementById('drawing').setAttribute("style", "height:"+ (2*yCoord) + "px"); 
}

シンプルですね。

しかし、これは私が問題を抱えていることです...
高さが設定されると、パネル上で垂直スクロールバーが拡張されていることがわかります。これは、「ワークスペースが拡張されたことを意味します」。しかし、4回目にクリックすると、四角形はワークスペースから出ます。なんで？

4

1 に答える 1

0

Raphael のキャンバスのサイズを変更するのを忘れました:

p.setSize('100%', 2*yCoord+contentPanel.getHeight());

于 2013-07-02T20:58:50.587 に答える