我有一个商店和模型来进行 AJAX 调用并获得结果。
这是我的看法
Ext.define('kids.view.YouTube', {
extend: 'Ext.Component',
alias: 'widget.YouTubePlayer',
xtype: 'YouTube',
config: {
url: 'http://www.youtube.com/embed/',
videoId: 'qsvpvqvApKo',
vWidth: 420,
vHeight: '315',
styleHtmlContent: true,
aaa: '1',
},
initialize: function() {
var prod = Ext.create('kids.store.vids');
prod.load(function ( ){
prod.each(function (record, id){
tmp = tmp + record.get('vid_url');
});
});
this.callParent(arguments);
var out = Ext.String.format(
[
'<div align="center">',
'<iframe width="{0}" height="{1}" src="{2}"',
'frameborder="0" allowfullscreen></iframe>',
'</div>'
].join(''),
this.getVWidth(),
this.getVHeight(),
**tmp //(the dynamic variable i formed in onLoad event of store**
);
console.log(tmp);
this.setHtml(out);
}
});
我使用prod=ext.create('kids.store.vids');
并且正在使用onload
函数,它可以正确获取值。
我如何在 onload 之外使用 tmp 变量,因为该变量正在变为空。在 store.load(function) 里面我不能使用this.callParent()
h*我可以在这里传递动态 html,根据商店返回的值吗?*
帮我
帕万