Sencha觸摸變換（縮放）面板重置dragstart上的變換

Question

我試圖建立一個使用Sencha Touch 2，在this 行上的東西的可縮放面板然而，我應用了一個變換比例後在「mapcontainer」是我需要捏縮放元素）：

Ext.getCmp('mapcontainer').setStyle({ 
    'transform':  'scale(2)', 
    '-ms-transform': 'scale(2)', 
    '-webkit-transform':'scale(2)' 
}); 

和的dragstart，元素上的刻度被重置爲1

隨着越來越多的信息，我已經試過返回false上所有其他活動，包括dragstart。但它似乎不能保持規模。

任何想法爲什麼？

Answer 1

找出解決方案，不是理由。 （任何人？）

基本上我放大容器，但不增加其寬度和高度。

所以，最後的代碼如下：

Ext.getCmp('mapcontainer').setHtml("Hello"); 
Ext.getCmp('mapcontainer').setStyle({ 
    'transform':  'scale(2)', 
    '-ms-transform': 'scale(2)', 
    '-webkit-transform':'scale(2)' 
}); 
Ext.getCmp('mapcontainer').setHeight('200%'); 
Ext.getCmp('mapcontainer').setWidth('200%'); 

請注意，我們需要做一個自動調用setHeight和setWidth而不是使用setStyle使用它們，因爲這些配置值覆蓋值使用CSS集。