May 26, 2020, 8:04 AM
[OPEN] [#1779] File downloading is not working from grid panel with paging
We would like to obtain the data from GridPanel with checkbox selected by clicking DownloadButton.
Before adding PagingToolbar, we were able to call DownloadButtonClicked of aspx.cs by clicking Download Button.
After adding PagingToolbar, DownloadButtonClicked of aspx.cs are not called even clicking Download Button.
How can we obtain the records selected in CheckboxSelectionModel from the grid with Paging?
We are using EXT.net 4.8.3.
â— Download.aspx.cs
Before adding PagingToolbar, we were able to call DownloadButtonClicked of aspx.cs by clicking Download Button.
After adding PagingToolbar, DownloadButtonClicked of aspx.cs are not called even clicking Download Button.
How can we obtain the records selected in CheckboxSelectionModel from the grid with Paging?
We are using EXT.net 4.8.3.
â— Download.aspx.cs
[DirectMethod]
public void DownloadButtonClicked(object sender, DirectEventArgs e)
{
string json = e.ExtraParams["Values"];
Dictionary<string, string>[] selectedRows = JSON.Deserialize<Dictionary<string, string>[]>(json);
}<ext:Panel runat="server" Region="North" Height="45">
<LayoutConfig>
<ext:HBoxLayoutConfig Align="Middle" />
</LayoutConfig>
<Items>
<ext:Component runat="server" Flex="1" />
<ext:Label runat="server" Text="Download" MarginSpec="2 10 2 2" />
<ext:Button runat="server" ID="DownloadButton" Text="Download">
<DirectEvents>
<Click OnEvent="DownloadButtonClicked" IsUpload="true">
<ExtraParams>
<ext:Parameter Name="Values" Value="Ext.encode(#{ResultGridPanel}.getRowsValues({selectedOnly:true}))" Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:Button>
</Items>
/ext:Panel>
<ext:GridPanel ID="ResultGridPanel"
runat="server" ColumnLines="true" TitleCollapse="true"
Region="Center" EnableColumnMove="false" EnableColumnHide="false">
<Store>
<ext:Store ID="SearchResultStore" runat="server" OnReadData="ParameterStore_Refresh" PageSize="20">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="LockItem" Type="String" />
<ext:ModelField Name="Item1" Type="String" />
<ext:ModelField Name="Item2" Type="String" />
<ext:ModelField Name="Item3" Type="String" />
<ext:ModelField Name="Item4" Type="String" />
<ext:ModelField Name="Item5" Type="String" />
<ext:ModelField Name="ItemA1" Type="Date" />
<ext:ModelField Name="ItemA2" Type="Date" />
<ext:ModelField Name="ItemA3" Type="Date" />
<ext:ModelField Name="ItemB1" Type="String" />
<ext:ModelField Name="ItemB2" Type="String" />
<ext:ModelField Name="ItemB3" Type="String" />
<ext:ModelField Name="Item6" Type="Date" />
<ext:ModelField Name="ItemC1" Type="Date" />
<ext:ModelField Name="ItemC2" Type="Date" />
<ext:ModelField Name="ItemC3" Type="Date" />
<ext:ModelField Name="ItemD1" Type="String" />
<ext:ModelField Name="ItemD2" Type="String" />
<ext:ModelField Name="ItemD3" Type="String" />
<ext:ModelField Name="Item7" Type="String" />
<ext:ModelField Name="Item8" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Defaults>
<ext:Parameter Name="Hideable" Value="false" />
<ext:Parameter Name="CellWrap" Value="true" />
<ext:Parameter Name="Sortable" Value="true" />
</Defaults>
<Columns>
<ext:ComponentColumn runat="server" ID="LockItemColumn" Text="LockItem" DataIndex="LockItem" Width="250" Locked="true"
<Component>
<ext:HyperlinkButton runat="server" MarginSpec="0 0 0 10">
<Listeners>
<Click Fn="LockedItemClicked" />
</Listeners>
</ext:HyperlinkButton>
</Component>
<Listeners>
<Bind Handler="cmp.setText(record.get('LockItem'))" />
</Listeners>
</ext:ComponentColumn>
<ext:Column runat="server" Text="Title1">
<Defaults>
<ext:Parameter Name="Hideable" Value="false" />
<ext:Parameter Name="CellWrap" Value="true" />
<ext:Parameter Name="Sortable" Value="true" />
<ext:Parameter Name="Align" Value="Center" />
</Defaults>
<Columns>
<ext:ComponentColumn runat="server" ID="Item1Column" Text="Item1" DataIndex="Item1" Width="100">
<Component>
<ext:HyperlinkButton runat="server">
<Listeners>
<Click Fn="ItemClicked" />
</Listeners>
</ext:HyperlinkButton>
</Component>
<Listeners>
<Bind Handler="cmp.setText(record.get('Item1'))" />
</Listeners>
</ext:ComponentColumn>
<ext:Column runat="server" ID="Item2Column" Text="Item2" DataIndex="Item2" Width="120" />
<ext:Column runat="server" ID="Item3Column" Text="Item3" DataIndex="Item3" Width="120" />
<ext:Column runat="server" ID="Item4Column" Text="Item4" DataIndex="Item4" Width="250" />
<ext:Column runat="server" ID="Item5Column" Text="Item5" DataIndex="Item5" Width="150" />
</Columns>
</ext:Column>
<ext:Column runat="server" Text="Title2" >
<Defaults>
<ext:Parameter Name="Hideable" Value="false" />
<ext:Parameter Name="CellWrap" Value="true" />
<ext:Parameter Name="Sortable" Value="true" />
<ext:Parameter Name="Align" Value="Center" />
</Defaults>
<Columns>
<ext:Column runat="server" Text="GroupA">
<Defaults>
<ext:Parameter Name="Hideable" Value="false" />
<ext:Parameter Name="CellWrap" Value="true" />
<ext:Parameter Name="Sortable" Value="true" />
<ext:Parameter Name="Align" Value="Center" />
</Defaults>
<Columns>
<ext:DateColumn runat="server" ID="ItemA1Column" DataIndex="ItemA1" Format="dd-MMM-yy" Width="100" />
<ext:DateColumn runat="server" ID="ItemA2Column" DataIndex="ItemA2" Format="dd-MMM-yy" Width="100" />
<ext:DateColumn runat="server" ID="ItemA3Column" DataIndex="ItemA3" Format="dd-MMM-yy" Width="100" />
</Columns>
</ext:Column>
<ext:Column runat="server" Text="GroupB">
<Defaults>
<ext:Parameter Name="Hideable" Value="false" />
<ext:Parameter Name="CellWrap" Value="true" />
<ext:Parameter Name="Sortable" Value="true" />
<ext:Parameter Name="Align" Value="Center" />
</Defaults>
<Columns>
<ext:Column runat="server" ID="ItemB1Column" DataIndex="ItemB1" Width="120" />
<ext:Column runat="server" ID="ItemB2Column" DataIndex="ItemB2" Width="120" />
<ext:Column runat="server" ID="ItemB3Column" DataIndex="ItemB3" Width="120" />
</Columns>
</ext:Column>
<ext:DateColumn runat="server" ID="Item6Column" Text="Item6" DataIndex="Item6" Format="dd-MMM-yy" Width="120" />
<ext:Column runat="server" Text="GroupC">
<Defaults>
<ext:Parameter Name="Hideable" Value="false" />
<ext:Parameter Name="CellWrap" Value="true" />
<ext:Parameter Name="Sortable" Value="true" />
<ext:Parameter Name="Align" Value="Center" />
</Defaults>
<Columns>
<ext:DateColumn runat="server" ID="ItemC1Column" DataIndex="ItemC1" Format="dd-MMM-yy" Width="100" />
<ext:DateColumn runat="server" ID="ItemC2Column" DataIndex="ItemC2" Format="dd-MMM-yy" Width="100" />
<ext:DateColumn runat="server" ID="ItemC3Column" DataIndex="ItemC3" Format="dd-MMM-yy" Width="100" />
</Columns>
</ext:Column>
<ext:Column runat="server" Text="GroupD">
<Defaults>
<ext:Parameter Name="Hideable" Value="false" />
<ext:Parameter Name="CellWrap" Value="true" />
<ext:Parameter Name="Sortable" Value="true" />
<ext:Parameter Name="Align" Value="Center" />
</Defaults>
<Columns>
<ext:Column runat="server" ID="ItemD1Column" DataIndex="ItemD1" Width="120" />
<ext:Column runat="server" ID="ItemD2Column" DataIndex="ItemD2" Width="120" />
<ext:Column runat="server" ID="ItemD3Column" DataIndex="ItemD3" Width="120" />
</Columns>
</ext:Column>
<ext:Column runat="server" ID="Item7Column" Text="Item7" DataIndex="Item7" Width="120" />
<ext:Column runat="server" ID="Item8Column" Text="Item8" DataIndex="Item8" Width="120" />
</Columns>
</ext:Column>
</ext:Column>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar runat="server" HideRefresh="true">
<Items>
<ext:DisplayField runat="server" ID="InfoLabel" Width="105" MarginSpec="0 20 0 20" />
<ext:ToolbarFill runat="server" />
</Items>
</ext:PagingToolbar>
</BottomBar>
<SelectionModel>
<ext:CheckboxSelectionModel runat="server" Mode="Multi" />
</SelectionModel>
</ext:GridPanel>ext.axd?v=4.1.0:12585 Uncaught TypeError: this.getSelectionMemory is not a function
at constructor.getRowsValues (ext.axd?v=4.1.0:12585)
at constructor.fn (ext.axd?6302ddfaa9354f1da3a8f853d8c0a5b4:2)
at call (ext.axd?v=4.1.0:11218)
at ext.axd?v=4.1.0:4261
at ext.axd?v=4.1.0:4352
