Question

我需要在 mvc 模式中用 sencha 制作一个模板, 所以在 Initconconcontonent i 上我已声明了一些变量, 但我无法将这些变量从 Incut 函数中取出。我尝试了。

Ext.define( casta.view.Intro , {
    extend:  Ext.tab.Panel ,
    //alias:  widget.currentDate , //this makes it xtype  currentDate 
    //store:  CurrentDateStore ,


    initComponent: function(){
        this.planetEarth = { name: "Earth", mass: 1.00 };

        this.tpl = new Ext.Template([ <tpl for"."> ,  <p> {name} </p> ,  </tpl> ].join(  ));
        this.tpl.compile();
        this.callParent(arguments);

    },
    html:this.tpl.apply(this.planetEarth)
});

错误

this.tpl is undefined
[Break On This Error]   

html:this.tpl.apply(planetEarth)

Answer 1

我敢肯定,这不是 JavaScript 范围界定是如何工作的...

以你为例,有两种方式做你想做的事:

//this is the bad way imo, since its not really properly scoped.
// you are declaring the planeEarth and tpl globally
// ( or wherever the scope of your define is. )
var plantetEarth = { name: "Earth", mass: 1.00 }
var tpl = new Ext.Template([ <tpl for"."> ,  <p> {name} </p> ,  </tpl> ].join(  ));
tpl.compile();
Ext.define( casta.view.Intro , {
    extend:  Ext.tab.Panel ,
    //alias:  widget.currentDate , //this makes it xtype  currentDate 
    //store:  CurrentDateStore ,


    initComponent: function(){

        this.callParent(arguments);

    },
    html:tpl.apply(planetEarth)
});

或

//I would do some variation of this personally.
//It s nice and neat, everything is scoped properly, etc etc
Ext.define( casta.view.Intro , {
    extend:  Ext.tab.Panel ,
    //alias:  widget.currentDate , //this makes it xtype  currentDate 
    //store:  CurrentDateStore ,


    initComponent: function(){

        this.tpl = new Ext.Template([ <tpl for"."> ,  <p> {name} </p> ,  </tpl> ].join(  ));
        this.tpl.compile();
        this.tpl.apply(this.planetEarth);
        this.html = this.tpl.apply(this.planetEarth)
        this.callParent(arguments);

    },

});

友情链接