Question

我正在尝试显示一个简单的模板，但似乎没有添加模板，因为DOM中没有添加任何内容。代码被调用以确保，容器具有方法setTpl(tpl)。我究竟做错了什么？上面的示例是我能想象到的最简单的例子，但它不起作用！

Ext.define('MyApp.view.sample', {
   extend: 'Ext.Container'
   config: {},

   initialize: function() {
      this.callParent();
      var sampleText = '<div> why?? </div>';
      var t = new Ext.Template(
         sampleText,
          {
            compiled: true
          }
       );

       t.compile();
       this.setTpl(t);
   },   
});

Answer 1

HTML =模板+数据。因此，下一步是致电setData。查看tpl的文档。如果你想要的是插入一些不依赖于数据的原始HTML，你就得到了html配置（和推论方法setHTML）。最后的建议，如果只是为了渲染一些HTML，你不需要使用容器，Component就足够了。

Answer 2

您已经创建了一个类，但您还需要实例化它。尝试这样的事情：

Ext.create('MyApp.view.sample', {
  renderTo: 'some-div-id',

  // any other necessary config options
  // (see http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.Container)
});

Sencha Touch：setTpl在Ext.Container中不起作用

2 个答案: