Jan 19, 2017, 2:48 PM
[CLOSED] Row Expander with inner grid - render inner grid's row from database
Hello I have a Grid with Row Expander and an Inner Grid,
how I can render Inner Grid's rows (InnerStore , countries) from database instead of loading the in Page_Load?
Code:
how I can render Inner Grid's rows (InnerStore , countries) from database instead of loading the in Page_Load?
Code:
<%@ Page Language="C#"%>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack && !X.IsAjaxRequest)
{
}
//RowExpander Values
this.Store1.DataSource = new object[]
{
new object[] { "Countries"},
new object[] { "Categories"}
};
this.Store1.DataBind();
InnerStore.DataSource = new object[]
{
new { countries = "Greece"},
new { countries = "Italy"}
};
InnerStore.DataBind();
}
</script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>eTMF</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<div>
<ext:Viewport
runat="server"
StyleSpec="background-color: transparent;"
Layout="BorderLayout"
>
<Items>
<ext:GridPanel
runat="server"
Title="GridPanel Expander"
Collapsible="true"
AnimCollapse="true"
Flex="1"
Region="West"
>
<Store>
<ext:Store
ID="Store1"
runat="server"
IgnoreExtraFields="false"
PageSize="10">
<Model>
<ext:Model ID="Model2" runat="server">
<Fields>
<ext:ModelField Name="filters" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ID="Column2"
runat="server"
Text="Filter"
DataIndex="filters"
Flex="1" />
</Columns>
</ColumnModel>
<Plugins>
<ext:RowExpander ID="RowExpander1" runat="server" SingleExpand="false">
<Component>
<ext:GridPanel ID="InnerGridExpander"
runat="server"
Cls="white-footer"
HideHeaders="true"
>
<Store>
<ext:Store ID="InnerStore" runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="countries" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server" DataIndex="countries" />
</Columns>
</ColumnModel>
</ext:GridPanel>
</Component>
</ext:RowExpander>
</Plugins>
</ext:GridPanel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Last edited by fabricio.murta; Feb 25, 2017 at 4:09 AM.
Reason: no user feedback for 7+ days