[英]Sencha Touch Carousel Not Visible
我正在尝试在Sencha Touch中渲染一个简单的轮播,但是它没有出现。 我唯一看到的是项目的指示点。 在Chrome浏览器中检查表明已添加了标签,但看不到它们。
轮播视图:
Ext.define('Project.view.ChartCarousel', {
extend : 'Ext.Carousel',
xtype : 'chartCarousel',
config : {
title : 'Title',
fullscreen: 'true',
width: '100',
height: '100',
jumpToIndex: 0,
defaults : {
padding: '10 10 10 10'
},
items : [{
html:'<div style="text-align:center">test 1</div>'
}, {
html:'<div style="text-align:center">test 2</div>'
}, {
html:'<div style="text-align:center">test 3</div>'
}]
}
});
包含视图:
Ext.define('Project.view.SummaryChart',{
extend: 'Ext.form.Panel',
xtype: 'summaryChart',
requires: [
'Ext.Toolbar'
],
config: {
items: [
{
xtype: 'chartCarousel'
}
]
},
initialize: function() {
this.callParent(arguments);
}
});
我找到了答案。 我需要在轮播的配置中添加flex: '1'
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.