Comment ajouter une barre de défilement verticale dans une gridpanelle ext lorsque la grille atteint une certaine hauteur?

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

Question

J'ai une fenêtre contextuelle qui possède un panneau d'onglets et un bouton "Enregistrer" ci-dessous.L'un des onglets contient un bouton de gridpanel et "Ajouter une nouvelle ligne".Initialement, la gridpanel n'a pas de rangées.Comment afficher une barre de défilement verticale lorsque la hauteur de GridPanel atteint certaines valeurs de pixels ou certains non.des lignes sont ajoutées? Le code ressemble à ceci:

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

Comment puis-je faire cela s'il vous plaît aider.

Était-ce utile?

La solution

merci Lorenz Meyer .Je devais juste ajouter autoscroll: vrai à mon gridpanel.Et aussi, je mets maxheight à 200, chaque fois que la grille atteint 200px hauteur, la barre de défilement verticale apparaît.

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top