sencha 将列表添加到面板,然后将面板添加到我的 tabpanel.in 控制器
sencha add list to panel,then add panel to my tabpanel.in controller
当我直接在我的视图中编写代码时。列表成功显示在我的选项卡面板的 tab.look 下面的视图中
{
xtype: 'tabpanel',
itemId: 'tabfirst',
flex: 1,
//activeItem: 1,
tabBar: {
layout: {
pack: 'center'
}
},
items: [
{
title: 'tab1',
xtype: 'list',
itemTpl: '{title}',
data: [
{title : 'title1'},
{title : 'title2'},
{title : 'title3'}
]
},
{
title: 'tab2',
html: 'here second html2'
}
]
}
但它在我的控制器中没有成功。我的标签里什么都没有。
Ext.define('ylp2p.controller.addtab',{
extend: 'Ext.app.Controller',
launch: function(){
var moneytab = Ext.ComponentQuery.query('.makemoney #tabfirst')[0];//--get my tabpanel
var titlestor = Ext.create('ylp2p.store.loanlist');//---get my store
titlestor.load({
callback: function(records, operation, success){
Ext.each(records, function(record){
var loanname = record.get('loanname');
var myPanel = Ext.create('Ext.Panel',{
//the code is same in my view but not work
title: loanname,
xtype: 'list',
itemTpl: '{title}',
data: [
{title : 'title1'},
{title : 'title2'},
{title : 'title3'}
]
});
moneytab.add([myPanel]);
//add above panel
});
}
});
}
});
当我在面板中只添加 "title" 和 "html" 时,它起作用了。然后我将其更改为 list.it success in direct write in view。但它不能直接写在控制器中。
由于我没有足够的声誉来发表评论,我将其作为答案发布:
您是否尝试提供 fullscreen: true 配置以及是否将您的控制器包含在 Ext.app.Application 控制器列表中?
使用此代码添加列表。它会起作用。
var myPanel = Ext.create('Ext.List', {
//the code is same in my view but not work
title: loanname,
itemTpl: '{title}',
data: [
{ title: 'title1' },
{ title: 'title2' },
{ title: 'title3' }
]
});
moneytab.add([myPanel]);
当我直接在我的视图中编写代码时。列表成功显示在我的选项卡面板的 tab.look 下面的视图中
{
xtype: 'tabpanel',
itemId: 'tabfirst',
flex: 1,
//activeItem: 1,
tabBar: {
layout: {
pack: 'center'
}
},
items: [
{
title: 'tab1',
xtype: 'list',
itemTpl: '{title}',
data: [
{title : 'title1'},
{title : 'title2'},
{title : 'title3'}
]
},
{
title: 'tab2',
html: 'here second html2'
}
]
}
但它在我的控制器中没有成功。我的标签里什么都没有。
Ext.define('ylp2p.controller.addtab',{
extend: 'Ext.app.Controller',
launch: function(){
var moneytab = Ext.ComponentQuery.query('.makemoney #tabfirst')[0];//--get my tabpanel
var titlestor = Ext.create('ylp2p.store.loanlist');//---get my store
titlestor.load({
callback: function(records, operation, success){
Ext.each(records, function(record){
var loanname = record.get('loanname');
var myPanel = Ext.create('Ext.Panel',{
//the code is same in my view but not work
title: loanname,
xtype: 'list',
itemTpl: '{title}',
data: [
{title : 'title1'},
{title : 'title2'},
{title : 'title3'}
]
});
moneytab.add([myPanel]);
//add above panel
});
}
});
}
});
当我在面板中只添加 "title" 和 "html" 时,它起作用了。然后我将其更改为 list.it success in direct write in view。但它不能直接写在控制器中。
由于我没有足够的声誉来发表评论,我将其作为答案发布:
您是否尝试提供 fullscreen: true 配置以及是否将您的控制器包含在 Ext.app.Application 控制器列表中?
使用此代码添加列表。它会起作用。
var myPanel = Ext.create('Ext.List', {
//the code is same in my view but not work
title: loanname,
itemTpl: '{title}',
data: [
{ title: 'title1' },
{ title: 'title2' },
{ title: 'title3' }
]
});
moneytab.add([myPanel]);