在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);