如何将垂直滚动条添加到EXT GridPanel当网格达到某些高度时?
题
我有一个弹出窗口,它有一个标签面板,下面的“保存”按钮。其中一个选项卡包含GridPanel和“添加新行”按钮。最初,Gridpanel没有行。当GridPanel的高度达到某些像素值时,如何显示垂直滚动条,或某些像素值。排行的行? 代码如下所示:
<ext:Window ID="Window1" runat="server" Height="600px" Width="400px" Title="Popup Window">
<Items>
<ext:TabPanel ID="tabMain" runat="server" Width="400px" Height="300px">
<Items>
<ext:Panel ID="pnlItem" runat="server" Title="Item">
<Items>
<ext:Container runat="server">
<Content>
<div>
...
...
</div>
</Content>
</ext:Container>
</Items>
</ext:Panel>
<ext:Panel ID="pnlQuantities" runat="server" Title="Quantities">
<Items>
<ext:Container runat="server">
<Content>
<div>
Grid Below:
</div>
<div>
<ext:GridPanel ID="gridQuantities" runat="server" Width="400px" Height="200px" Header="false">
<Store>
..........
..........
</Store>
</ext:GridPanel>
<ext:Button ID="btnAddRow" runat="server" Text="Add New Row" Icon="Add">
<Listeners>
<Click Fn="addNewRow" />
</Listeners>
</ext:Button>
</div>
</Content>
</ext:Container>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
<ext:Container runat="server">
<Items>
<ext:Button ID="btnSave" runat="server" Text="Save" Icon="Disk"></ext:Button>
</Items>
</ext:Container>
</Items>
</ext:Window>
.
如何这样做请帮助。
解决方案
感谢 lorenz meyer 。我只需要添加 autoScroll:true 到我的gridpanel。此外,我将 maxheight 到200设置,因此在网格达到200px高度时,垂直滚动条出现。
<ext:GridPanel ID="gridQuantities" runat="server" Width="400px" MaxHeight="200" Header="false" AutoScroll="true">
<Store>
..........
..........
</Store>
</ext:GridPanel>
. 不隶属于 StackOverflow