0

我想做这个简单的任务。我有以下代码div和 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',
});

创建视图后，一切都被渲染，我正在调用一些JS函数，该函数应该根据某些条件调整div的高度。

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

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

很简单，对吧？

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

4

1 回答 1

0

您忘记调整 Raphael 画布的大小：

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

于 2013-07-02T20:58:50.587 回答