当网格达到一定高度时，如何将垂直滚动条添加到 ext 网格面板？

Posted 2023-02-26

【中文标题】当网格达到一定高度时，如何将垂直滚动条添加到 ext 网格面板？

【英文标题】：How to add a vertical scrollbar to a ext gridpanel when the grid reaches certain height?

【发布时间】：2014-02-26 07:08:27

【问题描述】：

我有一个弹出窗口，它有一个标签面板和下面的“保存”按钮。其中一个选项卡包含一个网格面板和“添加新行”按钮。最初，网格面板没有行。当网格面板的高度达到某些像素值或某些像素值时，如何显示垂直滚动条。添加行数？ 代码如下所示：

<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>

我该怎么做，请帮忙。

【问题讨论】：

设置配置 autoScroll : true，滚动条在需要时创建。像这样你不必关心他们。

您的评论得了 3 分。可能，最好将其发布为答案。

【参考方案1】：

谢谢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>