Paging toolbar not visible when GridPanel is made visible

  1. #1

    Paging toolbar not visible when GridPanel is made visible

    Hi.

    I have an aspx page that calls a user control(ascx).

    I have a button in my aspx page that shows the pnlForm, and adds frmDetails(from ascx) to pnlDetails(in the aspx page).
    Once the frmDetails is visible, user can then do a search based on certain parameters and GridPanel1(from ascx) is populated with the results.
    GridPanel1 is then added to the pnlSearchResults(from aspx).

    My question is why the paging toolbar is not showing up in my GridPanel1.


    In my aspx page, I have this
        <ext:Panel ID="pnlForm" runat="server" Header="false" Hidden="true" ClientIDMode="Static" AutoHeight="true"
             Border="false" Height="600px"
             Layout="Form"
             PaddingSummary="10px 0px 0px 0px"
            >
            <Items>
                <ext:Panel ID="Panel4" runat="server" Height="35" Title="Title" Header="false" Border="false" Region="North">
                    <Items>
                        <ext:Button ID="Button4" runat="server" Text="Back to Search Results" Icon="ArrowLeft" PaddingSummary="10px 10px 10px 10px">
                            <Listeners>
                                <Click Handler="
                                                BackToSearchResults(#{cbFindTrades}.getValue());
                                " />
                            </Listeners>
                        </ext:Button>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="pnlTradeQuery" runat="server" Height="600" 
                    Title="pnlTradeQuery" Layout="HBoxLayout" AutoScroll="True" AutoHeight="True"
                    HideBorders="True" Border="False" Header="False" Hidden="false" ClientIDMode="Static">
                    <Items>
                        <ext:Panel ID="pnlDetails" runat="server" Height="300" ClientIDMode="Static" 
                            AutoScroll="true" Border="false" Layout="Fit"
                            HideBorders="true" Frame="false" Flex="1" AutoHeight="true">
                            <Items>
                            </Items>
                        </ext:Panel>
    
                        <ext:Panel ID="pnlSearchResults" runat="server" 
                                Height="600" Layout="Fit" 
                                ClientIDMode="Static"
                                HideBorders="true" Frame="false" Border="false" Flex="2"
                                AutoHeight="true"
                                PaddingSummary="0px 10px 0px 20px"
                                >
                            <Items>
                            </Items>
                        </ext:Panel>            
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Panel>
    And in my ascx file I have this:
    <ext:FormPanel ID="frmDetails" runat="server" AutoHeight="true"
                Title="Form Details" 
                ClientIDMode="Static" AnchorHorizontal="-20"
                Padding="5"
                AutoScroll="False"
                Hidden="true"
                Header="true" Border="false"
                Width="500"
                >
                <Defaults>
                    <ext:Parameter Name="readOnly" Value="true" Mode="Raw"></ext:Parameter>
                </Defaults>
                <Items>
                    <ext:DisplayField ID="DisplayField9" runat="server" DataIndex="uploadDate" FieldLabel="Date Upload">
                    </ext:DisplayField>
                    <ext:DisplayField ID="DisplayField2" runat="server" DataIndex="dtcControlNum"  FieldLabel="Control#">
                    </ext:DisplayField>
                    <ext:DisplayField ID="DisplayField4" runat="server" DataIndex="dtcTranStatus"  FieldLabel="Status">
                    </ext:DisplayField>
                    <ext:NumberField ID="netAmount" runat="server" DataIndex="dtcNetAmount" FieldLabel="Net Amount">
                    </ext:NumberField>
                    <ext:Button ID="Button1" runat="server" Text="Search" Margins="2px 0px 0px 0px" Icon="ArrowSwitchBluegreen">
                        <Listeners>
                            <Click Handler="winFind.show();" />
                        </Listeners>
                    </ext:Button>
                </Items>
            </ext:FormPanel>
    
    
    <ext:GridPanel ID="GridPanel1" runat="server" Height="600" Title="Match Search Results" AutoRender="true"
            ColumnLines="true" Hidden="true" ClientIDMode="Static"
        >
        <Store>
            <ext:Store ID="Store1" runat="server"
                RemoteSort="True" AutoLoad="true">
                <Proxy>
                    <ext:HttpProxy Url="DTCWebService.asmx/FindPortRecs"
                                   Json = "true" Method="POST">
                    </ext:HttpProxy>
                </Proxy>
                <Reader>
                    <ext:JsonReader Root="d.Data" TotalProperty="d.TotalRecords">
                        <Fields>
                            <ext:RecordField Name="msTranNo"/>
                            <ext:RecordField Name="msProduct" />
                            <ext:RecordField Name="msQuantity"/>
                            <ext:RecordField Name="msPrice"/>
                            <ext:RecordField Name="msTotalAmt"/>
                            <ext:RecordField Name="msAcctNo"/>
                            <ext:RecordField Name="msAgentID"/>
                            <ext:RecordField Name="msTranStatus"/>
                            <ext:RecordField Name="uploadDate" Type="Date" DateFormat="M$"/>
                        </Fields>
                    </ext:JsonReader>
                </Reader>
                <SortInfo Field="msPortCode" Direction="ASC" />
                <AutoLoadParams>
                    <ext:Parameter Name="start" Value="0" Mode="Raw" />
                    <ext:Parameter Name="limit" Value="5" Mode="Raw" />
                </AutoLoadParams>
                <BaseParams>
                    <ext:Parameter Name="dtStart" Value="#{dt}.getValue()" Mode="Raw" />
                    <ext:Parameter Name="dtEnd" Value="#{dt}.getValue()" Mode="Raw" />
                    <ext:Parameter Name="product" Value="" Mode="Value" />
                </BaseParams>
            </ext:Store>
        </Store>
        <ColumnModel ID="cmSearchResult" runat="server">
            <Defaults>
                <ext:Parameter Name="Width" Value="75" Mode="Raw" />
            </Defaults>
            <Columns>
                <ext:Column Header="Tran No" DataIndex="msTranNo" />
                <ext:NumberColumn Header="Quantity" DataIndex="msQuantity" Format="0,000.00"/>
                <ext:NumberColumn Header="Total Amount" DataIndex="msTotalAmt" Format="0,000.00" />
                <ext:Column Header="Status" DataIndex="msTranStatus" Width="60"/>
                <ext:Column Header="Product" DataIndex="msProduct"/>
            </Columns>
        </ColumnModel>
        <SelectionModel>
            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server"></ext:RowSelectionModel>
        </SelectionModel>
        <Plugins>
            <ext:RowExpander ID="RowExpander" runat="server">
                <Component>
                    <ext:FormPanel ID="frmMatch" runat="server" 
                        ClientIDMode="Static" AutoScroll="True" AnchorHorizontal="-20"
                        Padding="5" Border="false" Title="Search Details"
                        AutoHeight="True" LabelWidth="75" ForceLayout="True">
                        <Defaults>
                            <ext:Parameter Name="readOnly" Value="true" Mode="Raw"></ext:Parameter>
                        </Defaults>
                        <Items>
                            <ext:DisplayField ID="portDisplayField24" runat="server" DataIndex="msTranNo" FieldLabel="Trans No">
                            </ext:DisplayField>
                            <ext:DisplayField ID="portDisplayField1" runat="server" DataIndex="msProduct" FieldLabel="Product">
                            </ext:DisplayField>
                            <ext:DisplayField ID="portDisplayField2" runat="server" DataIndex="msTranStatus" FieldLabel="Tran Status">
                            </ext:DisplayField>
                            <ext:NumberField ID="NumberField9" runat="server" DataIndex="msTotalAmt" FieldLabel="Total Amount">
                            </ext:NumberField>
                        </Items>
                        <Listeners>
                            <Hide Handler="this.reset();" />
                        </Listeners>
                    </ext:FormPanel>
                </Component>
                <Listeners>
                        <Expand Handler="
                                         #{frmMatch}.getForm().loadRecord(record);
                                         " />
                </Listeners>
            </ext:RowExpander>
        </Plugins>
        <BottomBar>
            <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="10">
                <Listeners>
                    <AfterRender Handler="this.refresh.handler = function() {this.store.reload();}" />
                </Listeners>
            </ext:PagingToolbar>
        </BottomBar>
        <Listeners>
            <Removed Handler="this.hide();" />
        </Listeners>
    </ext:GridPanel>
    Thank you.
  2. #2
    Please mark as solved. I just had to change the panel heights.

Similar Threads

  1. [CLOSED] Why are the toolbar items not visible?
    By jmcantrell in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 06, 2011, 5:47 PM
  2. [CLOSED] Htmleditor toolbar buttons are not visible
    By Fergus in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 02, 2010, 2:55 PM
  3. Replies: 2
    Last Post: Jan 28, 2010, 10:22 AM
  4. Group By with Paging only groups visible rows
    By rthiney in forum 1.x Help
    Replies: 3
    Last Post: Sep 21, 2009, 5:42 PM
  5. [CLOSED] Text in flat toolbar is not visible
    By jchau in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 05, 2009, 10:14 AM

Tags for this Thread

Posting Permissions