无法将数据绑定到XTemplate

Question

我正在尝试使用Sencha Touch 2的这个简单示例在Panel中显示数据，但它不起作用：

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

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

var profile = Ext.create('Ext.Panel', {
  fullscreen: true,
  xtype: 'panel',
  layout: 'fit',
  data : planetEarth,
  tpl: planetInfo
});

Ext.Viewport.setActiveItem(profile);

知道为什么吗？

Answer 1

似乎适合我：http://www.senchafiddle.com/#KxGHo

[edit]为了澄清，您需要等到文档加载完毕后再定义并执行用于构建用户界面的任何代码。将代码放在应用程序的“启动”方法中。