I am newbie, I have a question.
I load something into a panel, then if the panel resized (just like IE resized) , the content can't fit to panel
now, I have two file:
index.html:
Code:
<html>
<head>
<title>Complex Layout</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
var viewport = new Ext.Viewport({
layout:'border',
items:[{
region:'west',
id:'west-panel',
title:'West',
width: 200,
collapsible: true,
layout:'accordion',
layoutConfig:{
animate:true
},
items: [{
title:'aaa',
html:'aaa',
border:false
},{
title:'bbb',
html:'bbb',
border:false
}]
},{
region:'center',
html:'<a href="javascript:loadwest()">loadwest</a>'
}]
});
});
function loadwest(){
var west = Ext.getCmp('west-panel');
west.load({url:'loadwest.html',scripts:true});
west.doLayout();
}
</script>
</head>
<body>
</body>
</html>
loadwest.html:
Code:
<script>
var cp = new Ext.Panel({
el: 'west-panel',
layout:'accordion',
items: [{
title:'ccc',
html:'ccc',
border:false
},{
title:'ddd',
html:'ddd',
border:false
}]
});
cp.render();
</script>
before click " loadwest", if resize window, west panel can fit properly, but after click " loadwest", then , if resize window, west panel can't fit to
please , give me some suggestion, thanks