Question

extjs 中 我的panel中设置collapsed:true,当我通过后台将数据通过panel.add方法填充进去的时候不显示

var showChart=function(storeData){
$('#chartDiv').empty();
panel=Ext.create('Ext.panel.Panel', {
title: 'xxx',
width: Ext.get('chartDiv').getWidth(),
height:600,
collapsible:true,
collapsed:true,
renderTo: Ext.get('chartDiv'),
layout: 'fit',

items: {
xtype: 'chart',
id: 'chartCmp',
animate: true,
store:storeData,
shadow: true,
legend: {
position: 'right'
},
insetPadding: 60,
theme: 'Base:gradients',
series: [{
type: 'pie',
field: 'data',
showInLegend: true,
tips: {
trackMouse: true,
width: 140,
height: 28,
renderer: function(storeItem, item) {
//calculate percentage.
var total = 0;
store:storeData.each(function(rec) {
total += rec.get('data');
});
this.setTitle(storeItem.get('name') + ': ' + Math.round(storeItem.get('data') / total * 100) + '%');
}
},
highlight: {
segment: {
margin: 20
}
},
label: {
field: 'name',
display: 'rotate',
contrast: true,
font: '18px Arial'
}
}]
}
});
换成这样也不行

Answer 1

是不是布局的事，你不举设的‘fit’，只能显示一个组件啊

追问

不是的~~这个设过了也不行.
只要panel 对象中的 chart 的item是动态载入进来的貌似只要设置了 collapsed:true 这个就不行