task-parallel-library - 在 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 格式。但我只是得到[对象对象]。请帮忙。

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

要更新显示值（Sencha Touch 2），请使用“setRecord（带有新模型实例）”。

me.getSomeComponentWithTpl().setRecord(someModelInstance);