Как добавить вертикальную прокрутку в Ext 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 на мою гридпанель.А также я установил maxheight до 200, поэтому всякий раз, когда сетка достигает высоты 200px, появляется вертикальная прокрутка.
<ext:GridPanel ID="gridQuantities" runat="server" Width="400px" MaxHeight="200" Header="false" AutoScroll="true">
<Store>
..........
..........
</Store>
</ext:GridPanel>
. Не связан с StackOverflow