Grid Panel Scroll bar

  1. #1

    Grid Panel Scroll bar

    Hello, I seem to be having trouble with the vertical scroll bar showing when adding row by row from code behind.
    Below is grid panel mark up.
    The store data is added one record at a time the refreshed. As the grid panel grows it extends past its parent window which is fine but no scroll bar shows to see the hidden rows. Does that make sense?

    Cheers

    <ext:GridPanel ID="GridPanelOrderTickets" runat="server"  Title="Job Tickets"
            StoreID="DataGridTicketStore" MaxHeight="310" >
        <ColumnModel ID="ColumnModel2" runat="server">
            <Columns>
                <ext:Column runat="server" Header="TicketID" DataIndex="TicketID" Hidden="true" />
                <ext:Column runat="server" Header="OrderID" Width="75" DataIndex="OrderID" Hidden="true">
                </ext:Column>
                <ext:Column runat="server" Header="Job Type" Width="175" DataIndex="JobTypeDesc">
                </ext:Column>
                <ext:Column runat="server" Header="Size" Width="75" DataIndex="SizeDesc">
                </ext:Column>
                <ext:Column runat="server" Header="Paper Type" Width="100" DataIndex="PaperTypeDesc" />
                <ext:Column runat="server" Header="GSM" Width="85" DataIndex="GSM" />
                <ext:Column runat="server" Header="QTY" Width="85" DataIndex="QTY" />
                <ext:Column runat="server" Header="Cost" Width="85" DataIndex="Cost">
                    <Renderer Format="UsMoney" />
                </ext:Column>
                <ext:CommandColumn runat="server" Width="70" Header="Edit">
                    <Commands>
                        <ext:GridCommand Icon="ApplicationEdit" CommandName="Edit">
                            <ToolTip Text="Edit Order" />
                        </ext:GridCommand>
                    </Commands>
                    <Listeners>
                        <Command Handler="#{DirectMethods}.EditTempTicket(record.data.TicketID);" />
                        <%--<Command Handler=" if (command == 'Delete'){ Ext.net.DirectMethods.DeleteTicket(record.data.TicketID); }  if (command == 'Edit'){ Ext.net.DirectMethods.EditTempTicket(record.data.TicketID); } " />--%>
                    </Listeners>
                </ext:CommandColumn>
                <ext:CommandColumn runat="server" Width="70" Header="Delete">
                    <Commands>
                        <ext:GridCommand Icon="Delete" CommandName="Delete">
                            <ToolTip Text="Delete" />
                        </ext:GridCommand>
                    </Commands>
                    <Listeners>
                        <Command Handler="#{DirectMethods}.DeleteTicket(record.data.TicketID);" />
                        <%--<Command Handler=" if (command == 'Delete'){ Ext.net.DirectMethods.DeleteTicket(record.data.TicketID); }  if (command == 'Edit'){ Ext.net.DirectMethods.EditTempTicket(record.data.TicketID); } " />--%>
                    </Listeners>
                </ext:CommandColumn>
                <ext:Column runat="server" Header="Invoicing Business" DataIndex="InvoicingBusiness" Hidden="false" Width="175" />
            </Columns>
        </ColumnModel>
        <LayoutConfig>
            <ext:VBoxLayoutConfig Align="Stretch"></ext:VBoxLayoutConfig>
        </LayoutConfig>
    
        <SelectionModel>
            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" Mode="Single" />
        </SelectionModel>
        <View>
            <ext:GridView runat="server" StripeRows="true" TrackOver="true" />
        </View>
    </ext:GridPanel>
    Last edited by fabricio.murta; Dec 20, 2018 at 4:11 PM.
  2. #2
    Hello @InHousePrint!

    Just a minor feedback, please wrap code blocks around [code][/code] tags. It formats the text to make it much more readable.

    We're reviewing your inquiry and will return to you soon.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Hello again, @InHousePrint!

    Unfortunately I couldn't figure anything out of the code block you provided. I am afraid to help you, we'd need a running simplified test case that reproduces the scenario you set up.

    While it may sound tedious at first, this would not only let us reproduce the issue you're facing in our side, but also allows us to focus and understand the actual problem you're facing; also sometimes as you simplify the sample, it may happen that the solution can be elucidated at once.

    To help you with that, we have some topics in the forums with guidelines and tips, I kindly ask you to review these topics and try to make the simplified test case. Then we'll be able to better assist you.

    Following, the guidance topics:
    - Tips for creating simplified code samples
    - More Information Required
    - Forum Guidelines

    I believe, for instance, you don't need a code-behind call adding records, but just a client-side call to add records. The Grid AutoSave example looks like a good starting point; put aside the code-behind code which is triggered by the OnBeforeStoreChanged="HandleChanges" in the Store1 store. Then all that would be left is how exactly you're wrapping your grid so that it does not show scrollbars as it grows.

    Looking forward to your follow-up!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] set style for panel scroll bar
    By barnali in forum 3.x Premium Help
    Replies: 1
    Last Post: Feb 15, 2015, 7:31 AM
  2. Replies: 8
    Last Post: Jun 06, 2013, 1:42 PM
  3. Replies: 3
    Last Post: Dec 19, 2012, 4:01 AM
  4. Replies: 3
    Last Post: Aug 01, 2012, 7:51 PM
  5. Replies: 6
    Last Post: Mar 13, 2012, 11:30 AM

Posting Permissions