ExtJS4 并在面板中放置一些元素

Question

无法设置面板属性以在面板上正确放置某些元素。

我不想使用 "height" 属性但是我找不到一个正确的方法如何去做。在第二个选项卡面板侧（我的意思是这个带有 gridpamel 和工具栏的）我必须设置网格的所有区域但没有此工具栏。所以工具栏应该是这个面板和网格上的常量应填写 space 的其余部分。我试着设置 "layout: 'fit'" 用于面板，但这会删除选项卡面板。什么时候我为gridpanel设置了相同的布局，这个gridpanel显示 e.g.two 线和工具栏就在它下面。

=======================================
|  Window                             |
|=====================================|
|                                     |
|---------\----------\  TabPAnel      |
|    1    |     2    |                |
|-------------------------------------|
|                                     |
|                                     |
|       gridpanel                     |
|                                     |
|                                     |
|                                     |
|-------------------------------------|
|    toolbar                          |
|-------------------------------------|
|                                     |
|  dockeditems: toolbar               |
|                                     |
=======================================

window
    tabpanel
        panel
            form
                textfields
                ... 5
                textfield
                gridpanel
                toolbar
        panel
            gridpanel
            toolbar  
    toolbar (dockeditems)

找不到怎么做，你能帮忙吗？

Answer 1

使用 flex 并删除高度属性如果在网格面板中分配

flex:1

并从工具栏中删除高度属性

或者使用容器，将网格面板放在一个容器中，将工具栏和停靠项目放在另一个容器中

ExtJS4 并在面板中放置一些元素

ExtJS4 and place some elements inside panel

extjs4