Jul 23, 2012, 8:11 AM
[CLOSED] AutoLoad GridPanel strore inside a DropDownField
Hi,
We have a GridPanel inside a DropDownField. When DropDownField is expanded, GridPanel store is loaded. But we would like to get this data loaded immediatelly.
How can this store be loaded at Page load?
We have a GridPanel inside a DropDownField. When DropDownField is expanded, GridPanel store is loaded. But we would like to get this data loaded immediatelly.
How can this store be loaded at Page load?
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET Examples</title>
</head>
<body>
<ext:resourcemanager runat="server" />
<ext:DropDownField ID="cmbTest" runat="server" Width="160" FieldLabel="Sample"
LabelAlign="Top" MatchFieldWidth="false" TriggerIcon="Combo">
<Component>
<ext:GridPanel ID="gridTest" runat="server" Width="360" Height="315" Title="Grid" Icon="Calculator">
<View>
<ext:GridView runat="server" StripeRows="true" TrackOver="true" LoadMask="true" LoadingUseMsg="false" />
</View>
<Store>
<ext:Store ID="dsTest" runat="server" RemoteSort="true" ShowWarningOnFailure="false" AutoLoad="true">
<Proxy>
<ext:AjaxProxy Url='<%# this.Page.GetRouteUrl("Test", new { controller="Data", action="List" }) %>'
AutoDataBind="true">
<Reader>
<ext:JsonReader IDProperty="Id" Root="data" TotalProperty="total" />
</Reader>
</ext:AjaxProxy>
</Proxy>
<Model>
<ext:Model runat="server" IDProperty="Id">
<Fields>
<ext:ModelField Name="Name" Type="String" SortDir="ASC" />
<ext:ModelField Name="Description" Type="String" />
</Fields>
</ext:Model>
</Model>
<Sorters>
<ext:DataSorter Property="Name" Direction="ASC" />
</Sorters>
<Listeners>
<Load Handler="alert('Hello');" />
</Listeners>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" DataIndex="Id" Text="Id" Hidden="true" Hideable="false" />
<ext:Column runat="server" DataIndex="Name" Text="Name" Width="100">
<Renderer Handler="return Ext.util.Format.htmlEncode(value);" />
</ext:Column>
<ext:Column runat="server" DataIndex="Description" Text="Description" Width="200" Flex="1">
<Renderer Handler="return Ext.util.Format.htmlEncode(value);" />
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel runat="server" Mode="Multi" />
</SelectionModel>
<BottomBar>
<ext:Toolbar runat="server" ClassicButtonStyle="true">
<Items>
<ext:ToolbarFill runat="server" />
<ext:Button runat="server" Text="Accept" Icon="Accept" />
<ext:Button runat="server" Text="Cancel" Icon="Cancel" />
</Items>
</ext:Toolbar>
</BottomBar>
</ext:GridPanel>
</Component>
</ext:DropDownField>
</body>
</html>
Thanks.
Last edited by Daniil; Jul 24, 2012 at 1:00 PM.
Reason: [CLOSED]