[CLOSED] Grid Panel Scroll bar

  1. #1

    [CLOSED] 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; Mar 15, 2019 at 7:10 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
  4. #4
    Hello again, @InHousePrint!

    It's been a while since we last posted a follow-up for you, asking for further information in order to be able to assist you in the issue reported.

    Have you by any chance being able to overcome the issue, or do you still need help with this? We're looking forward for more information on the issue from you, so we can try to effectively help you out.

    We may mark this thread as closed if you don't reply in 7+ days from now; but we won't lock up the thread so, if at any point you feel like adding information here for us to continue with the issue handling, you'll be welcome to.
    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, 6:31 AM
  2. Replies: 8
    Last Post: Jun 06, 2013, 12:42 PM
  3. Replies: 3
    Last Post: Dec 19, 2012, 3:01 AM
  4. Replies: 3
    Last Post: Aug 01, 2012, 6:51 PM
  5. Replies: 6
    Last Post: Mar 13, 2012, 10:30 AM

Posting Permissions