手風琴佈局不會在底部顯示堆疊的封閉式面板

通常，手風琴式面板將展開第一張兒童面板，其餘面板的標題將堆放在底部。但對於我，在底部中沒有可見的面板標題。它只是空的。看到屏幕截圖。手風琴佈局不會在底部顯示堆疊的封閉式面板

enter image description here

但我其實有3個形式面板那裏。

Ext.create('Ext.container.Viewport', { 
    layout: 'border', 
    items: [{ 
     region: 'center', 
     html: '<h3>Some text. Lorem ipsom?</h3>' 
    },{ 
     region: 'east', 
     layout: 'accordion', 
    width: 300, 
    items: [loginForm, regForm, passForm] 
    }] 
});

這是爲什麼？我該如何解決？我正在使用Ext 4.0.7。完整的源代碼可以在here找到。

來源

2012-10-19 Shiplu Mokaddim

檢查'WebIM.createForm（）'函數。使用該方法創建的表單正在導致問題。 'loginForm'正常創建。正確顯示。 –

@VarunAchar createForm函數只是一個用一些常用配置創建表單的包裝器。因爲它的第一個項目，loginForm正在出現。我認爲問題是我正在使用視口。 –

不是。這不是視口。我只是測試它。手風琴與視口一起工作 –

這是由header div元素引起的。通常，視口呈現爲document.body。如果它發現任何現有的元素，它不能代替它。而是附加輸出。所以這裏發生的是2個組件/元素被渲染。首先是現有的標題div，然後是視口。標題div在視口上佔據一些空間。然後這個相同的空間在底部的視口上不可見。爲了解決這個問題，把現有的元素html作爲一個面板放在視口中。保持其區域爲north。

Ext.create('Ext.container.Viewport', { 
    layout: 'border', 
    items: [{ 
      region: 'north', 
      html: header.html // <------- Add html of `div#head` here 
      height: 300 // <------- put a height too. 

     },{ 
      region: 'center', 
      html: '<h3>Some text. Lorem ipsom?</h3>' 
     },{ 
      region: 'east', 
      layout: 'accordion', 
      width: 300, 
      items: [ 
        loginForm, regForm, passForm 
      ] 
     }] 
});

來源

2012-10-19 14:33:01

我希望在手風琴佈局中，您不應該爲您爲loginForm提供的面板給出高度。

height：150，

來源

2012-10-19 11:52:24 subZero

我刪除了所有的高度。但仍然沒有解決！ –

手風琴佈局不會在底部顯示堆疊的封閉式面板

回答

相關問題