Ext4.1 Аккордеонная раскладка - ширины аккордеонной вещи недостаточно

Элемент аккордеона является коротким, когда компонент впервые представлен. Есть хорошие идеи?

Я использую браузер Chrome. Казалось, все в порядке с IE9.

Это URL-адрес теста jsfiddle: http://jsfiddle.net/xgsZ7/2/. (Может быть, тест jsfiddle нужно обновить еще раз, чтобы увидеть проблему)

Это тестовый код: визуализируется только окно просмотра и панель с макетом аккордеона.

<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>
Источник

1 ответ

Выполните рендеринг с помощью Ext.onready, чтобы решить эту проблему. ( http://jsfiddle.net/xgsZ7/3/)

<script>       
Ext.onReady(function() {
    createBody();
});
</script>
Источник
Другие вопросы по тегам