Templates senchatouch:setTpl不是';t不在外部容器中工作

Templates senchatouch:setTpl不是';t不在外部容器中工作,templates,mobile,extjs,sencha-touch,Templates,Mobile,Extjs,Sencha Touch,我试图显示一个简单的模板,但似乎没有添加模板,因为DOM中没有添加任何内容。代码肯定会被调用,并且容器具有该方法。我做错了什么?上面的示例是我能想象到的最简单的示例,但它不起作用 Ext.define('MyApp.view.sample', { extend: 'Ext.Container' config: {}, initialize: function() { this.callParent(); var sampleText = '<di

我试图显示一个简单的模板,但似乎没有添加模板,因为DOM中没有添加任何内容。代码肯定会被调用,并且容器具有该方法。我做错了什么?上面的示例是我能想象到的最简单的示例,但它不起作用

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);
   },   
});
Ext.define('MyApp.view.sample'{
扩展:“Ext.Container”
配置:{},
初始化:函数(){
这是callParent();
var sampleText='为什么??';
var t=新的外部模板(
样本文本,
{
编译:对
}
);
t、 编译();
这是setTpl(t);
},   
});

HTML=模板+数据。所以你的下一步就是打电话。检查文档是否有错误。如果您想要插入一些不依赖于数据的原始HTML,那么您已经获得了配置(以及相应的方法
setHTML
)。最后一条建议,如果这只是为了呈现一些HTML,您不需要使用容器,a就足够了。

您已经创建了一个类,但还需要实例化它。试着这样做:

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

谢谢你的回答-我正在实例化它。正在添加示例应用程序,但只缺少模板。谢谢。当我在设置模板后调用'this.setData(null)'时,它会工作。不用担心,如果没有数据,我们不会使用该模板。我只是想做一个简单的样本。