感官触觉: setTpl不在Ext.Container里工作

Question

我试图显示一个简单的模板，但似乎没有添加模板，因为DOM中没有添加任何内容。可以肯定地调用代码，并且容器具有方法setTpl(第三方物流)。我做错了什么？上面的示例是我所能想象到的最简单的例子，但它不起作用！

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