Question

我有以下控件：

app.views.MapControl = Ext.extend(Ext.Panel, 
{
    style: { background:'white' },
    items:
    [{ xtype: 'panel',
       id: 'mapContainer',
       width: 1700, 
       height: 1124,
       html: "<img class='mapImg' style='width:100%; height:100%; 
              padding:0; margin:0' src='imagery/tube_map.gif'>" 
     }],

在控件渲染后，我会动态添加一些项目：

      var newPin = new app.views.Pushpin({x:pinPosX, y:pinPosY});
      this.theMap.add(newPin);

Pushpin控件如下所示：

    app.views.Pushpin = Ext.extend(Ext.Panel, {
           xtype: 'panel',
       style: { background: 'url(imagery/pin.png)' },
       width: 50,
       height: 50,
       x: 0,
       y: 0

问题：

当我没有动态添加任何引脚时，管图图像显示正常。但是如果我添加任何一个，那么对于我添加的每个引脚，管图上方都会出现一个50px的偏移。

为什么？任何人都可以建议任何解决方法吗？

提前谢谢。

Answer 1

针脚仍占用空间。将position: absolute;添加到他们的样式中。

Sencha touch：动态添加项目的问题

1 个答案: