Question

我想做这个简单的任务。我有div和ExtJS panel的以下代码。的 DEMO

#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',
});

在创建视图后，所有内容都会呈现，我正在调用一些 JS 函数，该函数应根据某些条件调整 div 的高度。

我的 yCoord 变量在程序中递增，一旦达到 contentPanel 的高度，我想扩展它的范围div的高度用以下代码：

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

简单，对吧？

但这就是我遇到的问题...
设置高度后，我可以看到面板上的垂直滚动条延伸，“意味着工作区已经扩展”。 但是当您单击第4次时，矩形会退出工作区。为什么？

Answer 1

你忘了调整拉斐尔画布的尺寸：

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

Div的高度得到扩展，但是项目出现在div的工作区之外

1 个答案: