在Sencha Touch 2將數據綁定到tpl，面板不起作用

Question

我是Sencha Touch的新手，嘗試使用Sencha Touch版本2進行xtemplates演示。這是我的代碼。

Ext.application({ 
    name: 'Templates', 

    launch: function(){ 
    var content, planetInfo, planetEarth; 

    planetEarth = { name: "Earth", mass: 1.00 }; 

    planetInfo = new Ext.XTemplate(
     "<h2>{name}</h2>mass: {mass}" 
    ); 

    content = new Ext.Panel({ 
     fullscreen: true, 
     scroll: 'vertical', 
     tpl: planetInfo 
    }); 

    content.update(planetEarth); 
    } 
}); 

此代碼的輸出應該是面板中的HTML格式。但我只是得到[object Object]。請幫忙。

Answer 1

請勿使用content.update(planetEarth)方法，因爲它已在sencha-touch-2中棄用。

這裏是正確的代碼的一個例子：

Ext.application({ 
     name: 'Templates', 

     launch: function() { 
      var content, planetInfo, planetEarth; 

      planetEarth = { name: "Earth", mass: 1.00 }; 

      planetInfo = new Ext.XTemplate(
       "<h2>{name}</h2>mass: {mass}" 
      ); 

      content = Ext.create("Ext.Panel", { 
       fullscreen: true, 
       scroll: 'vertical', 
       tpl: planetInfo, 
       data: planetEarth 
      }); 
     } 
    }); 

Answer 2

要更新顯示值（煎茶觸摸2），用 「setRecord（用新的模型實例）」。

me.getSomeComponentWithTpl().setRecord(someModelInstance);