Extjs Ext4.1手风琴布局——手风琴项目的宽度不够_Extjs_Ext4

Extjs Ext4.1手风琴布局——手风琴项目的宽度不够

extjs

Extjs Ext4.1手风琴布局——手风琴项目的宽度不够,extjs,ext4,Extjs,Ext4,手风琴的部件第一次渲染时很短。有什么好主意吗我用的是chrome浏览器，看起来IE9还可以这是JSFIDLE测试的url:。（也许JSFIDLE测试需要再刷新一次才能看到问题）这是测试代码：只渲染了一个视口和一个具有手风琴布局的面板 <html > <head> <title>test</title> <script type="text/javascript" src="http://cdn.sencha.io/ext-4.1.1-

手风琴的部件第一次渲染时很短。有什么好主意吗

我用的是chrome浏览器，看起来IE9还可以

这是JSFIDLE测试的url:。（也许JSFIDLE测试需要再刷新一次才能看到问题）

这是测试代码：只渲染了一个视口和一个具有手风琴布局的面板

<html >
<head>
<title>test</title>
<script type="text/javascript" src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all.js"> </script>
<link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-4.1.1-gpl/resources/css/ext-all.css" />
<script language="javascript">
    function createAccordion() {
        var item1 = Ext.create('Ext.Panel', {
          title: 'Accordion Item 1',
          html: '&lt;empty panel&gt;',
          cls:'empty'
        });

        var accordion = Ext.create('Ext.Panel', {
          title: 'Accordion',
          collapsible: true,
          margins:'5 0 5 5',
          region:'west',
          split: true,
          width: 210,
          layout:'accordion',
          items: [item1]
        });
        return accordion;
   }

function createBody() {
    var viewport = Ext.create('Ext.Viewport', {
      layout:'border',
      items:[
          createAccordion()
      ]
    });
}
</script>
</head>
<body>
<script>    
        createBody();
</script>
</body>
</html>


测试
函数createAccordion（）{
var item1=Ext.create（'Ext.Panel'{
标题：“手风琴项目1”，
html:“空面板”，
cls:“空的”
});
var accordion=Ext.create（'Ext.Panel'{
标题：“手风琴”，
可折叠的：是的，
边距：'5 05'，
地区：'西部'，
斯普利特：是的，
宽度：210，
布局：'手风琴'，
项目：[项目1]
});
回归手风琴；
}
函数createBody（）{
var viewport=Ext.create（'Ext.viewport'{
布局：'边框'，
项目：[
创建手风琴（）
]
});
}
createBody（）；

使用Ext进行渲染。onready将解决此问题。（）


Ext.onReady（函数（）{
createBody（）；
});

良好的测试用例。我用小提琴试过一些东西，但问题仍然存在。顺便说一句，边框布局总是需要一个中心项目。边框布局需要一个中心区域。此外，您的代码没有包装在onReady块中，您需要等待DOM准备就绪后再编写。

<script>       
Ext.onReady(function() {
    createBody();
});
</script>