В Sencha Touch 2 привязка данных к tpl с Panel не работает

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