Sencha touch: проблема с добавлением элементов динамически - PullRequest
Новая
       13

Sencha touch: проблема с добавлением элементов динамически

0 голосов
/ 23 сентября 2011

У меня есть следующий элемент управления: 

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, которое отображается выше на карте труб.

Почему это так?Может ли кто-нибудь предложить какие-либо обходные пути?

Заранее спасибо.

1 Ответ

1 голос
/ 23 сентября 2011

Булавки все еще занимают место. Добавьте position: absolute; к их стилю.

...