Sencha觸摸2.0和iPhone：添加元素到面板動態和setActiveItem

我想添加dinamically面板項目到主面板與卡布局，最初有一個面板。一個事件（自來水）我建立dinamically一個新的面板，我把它添加到主面板中，在這之後我嘗試設置新的面板項目一樣通過setActiveItem活動一個Sencha觸摸2.0和iPhone：添加元素到面板動態和setActiveItem

事情好的工作在Android，但不經過在iphone上。

正是我有這個app.js：

Ext.Loader.setConfig({enabled: true}); 
Ext.setup({ 
viewport: { 
    autoMaximize: false 
}, 
onReady: function() { 
    var app = new Ext.Application({ 
     name: 'rpc', 
     appFolder: 'app',   
     controllers: ['Home'], 
     autoCreateViewport: false, 
     launch: function() { 
      Ext.create('Ext.Panel',{ 
       fullscreen: true,   
       layout: { 
        type : 'card', 
        animation:{ 
         type:'slide' 
         ,duration :3000 
        } 
       }, 
       defaults: {  /*definisce le caratteristiche di default degli elementi contenuti..??*/ 
        flex: 1 
       }, 
       items:[{ 
        title: 'Compose', 
        xtype: 'griglia' 
       }] 
      }); 
     } 
    }); 
} 
});

在控制器我有

  ..... 
     ..... 
     var grigliaPan=button.up('griglia'); 
     var mainPan=grigliaPan.up('panel'); 

     var html= 
      '<img src="img/'+segnoScelto+'_big.png" />' 
      +'<h1>'+segnoScelto+'</h1>' 
      +'<p>'+previsione+'</p>' 
      +'</br></br>'; 
     if (typeof mainPan.getComponent(1) == 'undefined'){ 
         var previsioPan = Ext.widget('previsio'); 
         previsioPan.setHtml(html); 

         //here i create a button for going home panel 
         var backButton=new Ext.Button({ 
          ui : 'decline', 
          alias: 'widget.backbutton', 
          text: 'Home Page', 
          width : 150, 
          height:100 
         }) 

         previsioPan.add(backButton); 
         var it=mainPan.getItems(); 
         alert (it['keys']);  //this prints : ext-griglia-1 
         mainPan.add(previsioPan); 
         var it=mainPan.getItems(); 
         alert (it['keys']);  //this prints : ext-griglia-1,ext-previsio-1 
         // 
     } 
     mainPan.getLayout().setAnimation({type: 'slide', direction: 'left', duration:1000}); 
     //mainPan.setActiveItem(1); 
     var pree=mainPan.getAt(1); 
     //pree.show(); 
     //mainPan.setActiveItemm(pree); 
     mainPan.setActiveItem('ext-previsio-1');

三個形式setActiveItem的（）都ok Android和與iPhone下降。有人可以告訴我什麼是正確的方式來設置在iphone上dinamically添加新的活動項目？

這個問題不應該與add（）函數有關，因爲我可以通過在add（）後面的主面板中添加的getItems（）來看到新項目。

來源

2011-11-23 Artemide Innominato

One的詳細信息：今天上午我已經指出，這個問題是來自動漫節的主面板。如果我刪除它，setActiveItem適用於iphone。有沒有人知道如何配置iphone的sencha面板滑動動畫的事情？ –

通過以下代碼，您可以瞭解thisCell在創建thisRow後稍後添加。

var thisRow = new Ext.Panel({ 
       layout: { type: 'hbox', align: 'stretch', pack: 'center' }, 
       id: 'row' + (rowCount + 1), 
       defaults: { flex: 1 } 
       }); 

     // Now we need to add the cells to the above Panel: 
var thisCell = new Ext.Panel({ 
      cls: 'dashboardButton', 
       layout: { type: 'vbox', align: 'center', pack: 'center' }, 
     items: [{ 
         xtype: 'image', 
         src: 'some image url', 
         height: '70px', 
         width: '100px', 
       }] 
       }); 
thisRow.add(thisCell);

希望這將幫助你實現你想要的輸出...

來源

2012-04-27 10:37:12 bhavin

Sencha觸摸2.0和iPhone：添加元素到面板動態和setActiveItem

回答

相關問題