グリッドが特定の高さに達すると、垂直スクロールバーをEXT GridPanelに追加する方法

StackOverflow https://stackoverflow.com//questions/22034232

質問

タブパネルとその下の「保存」ボタンを持つポップアップウィンドウがあります。タブの1つにはGridPanelが含まれており、「新しい行の追加」ボタンが含まれています。最初に、GridPanelには行がありません。GridPanelの高さが特定のピクセル値に到達する場合、または特定のNOに到達すると、垂直スクロールバーを表示できますか。行の追加? コードは次のようになります。

<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に設定して、グリッドが200ピクセルの高さに達すると、垂直スクロールバーが表示されます。

<ext:GridPanel ID="gridQuantities" runat="server" Width="400px" MaxHeight="200" Header="false" AutoScroll="true">
                                            <Store>
                                            ..........
                                            ..........
                                            </Store>
                                        </ext:GridPanel>
.

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top