ext.net工具栏位置:已修复

时间:2013-04-17 07:26:39

标签: model-view-controller extjs position ext.net

我想在Panel中修复<ext:Toolbar>,始终显示在顶部。 由于我没有使用Anchor-Layout,但我的Panel中的Table-Layout无法锚定工具栏。

当我在Panel周围添加ViewPort时,它不再是autoscroll

这就是我尝试的原因:

<ext:ToolBar runat="server" StyleSpec="position: fixed;">
   <Items>
      //some Buttons
   </Items>
</ext:ToolBar>

但是没有效果

解释:

我将一些MVC-View加载到类似于表格的边框布局

<ext:Panel Region="North" ID="TopBarPanel" />
<ext:Panel Region="West" ID="NavBarPanel" />
<ext:Panel Region="Center" ID="ContentPanel" />

在docs.sencha.org上搜索一下后,我必须承认我没有找到像window.constrain=true这样的内容来保持工具栏锁定在Panel的视口内

1 个答案:

答案 0 :(得分:0)

正如Daniil所说,ext.net根本不允许这样做。而是将内容移动到中心面板内的包装容器中,解决了问题。

<ext:Panel Region="Center" ID="ContentPanelWrapper" runat="server">
   <Items>
      <ext:Toolbar runat="server" />
      <ext:Panel runat="server" ID="ContentPanel">
         <Items>
             //Content goes here
         </Items>
      </ext:Panel>
   </Items>
</ext:Panel>