Nov 22, 2011, 3:25 PM
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
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.