Sep 16, 2015, 7:48 AM
[CLOSED] Store ID not found in TreeGrid
Hi,
i have an Treegrid with 2 Comboboxes. After selecting a value from the first, the values from the second should be refreshed. But it appears an error App.Store2 is undefined.
How can i fix this?
best regards
I.
i have an Treegrid with 2 Comboboxes. After selecting a value from the first, the values from the second should be refreshed. But it appears an error App.Store2 is undefined.
How can i fix this?
best regards
I.
<%@ Page Language="C#" AutoEventWireup="true" Inherits="TestTreeGrid1.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store1.Data = Data1;
Store2.Data = Data2;
}
}
private object Data1
{
get
{
return new object[]
{
new object[] {"1", "HR"},
new object[] {"2", "IT"},
new object[] {"3", "Sales"},
};
}
}
private object Data2
{
get
{
return new object[]
{
new object[] {"1", "Peter"},
new object[] {"2", "Paul"}
};
}
}
protected void cboUser_BeforeQuery(object sender, DirectEventArgs e)
{
if (e.ExtraParams["Param1"] == "IT")
{
System.Data.DataTable dt = new System.Data.DataTable();
dt.Clear();
dt.Columns.Add("ID");
dt.Columns.Add("Name");
System.Data.DataRow row = dt.NewRow();
row["ID"] = "1";
row["Name"] = "Peter";
dt.Rows.Add(row);
row = dt.NewRow();
row["ID"] = "2";
row["Name"] = "Paul";
dt.Rows.Add(row);
Store1.DataSource = dt;
Store1.DataBind();
}
else
{
System.Data.DataTable dt = new System.Data.DataTable();
dt.Clear();
dt.Columns.Add("ID");
dt.Columns.Add("Name");
System.Data.DataRow row = dt.NewRow();
row["ID"] = "1";
row["Name"] = "Marie";
dt.Rows.Add(row);
row = dt.NewRow();
row["ID"] = "2";
row["Name"] = "Kitty";
dt.Rows.Add(row);
Store1.DataSource = dt;
Store1.DataBind();
}
}
</script>
<script>
var beforeCellEditHandler = function (e) {
return true;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" InitScriptMode="Inline"/>
<ext:TreePanel
runat="server"
Height="800"
SortableColumns="false"
ID="TreePanel1"
Title="Employees"
AutoScroll="true"
Animate="true"
UseArrows="true"
RootVisible="false"
MultiSelect="false"
Border="false"
SingleExpand="true"
FolderSort="false">
<Store>
<ext:TreeStore runat="server" ID="Store0">
<Model>
<ext:Model runat="server" IDProperty="fldID">
<Fields>
<ext:ModelField Name="fldID" Type="String" />
<ext:ModelField Name="fldDepartment2" Type="String" />
<ext:ModelField Name="fldEmployee2" Type="String" />
<ext:ModelField Name="fldType" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:TreeStore>
</Store>
<Plugins>
<ext:CellEditing runat="server" ClicksToEdit="1">
<Listeners>
<BeforeEdit Handler="return beforeCellEditHandler(e);"></BeforeEdit>
</Listeners>
</ext:CellEditing>
</Plugins>
<Root>
<ext:Node Text="Employees">
<Children>
<ext:Node Icon="Folder" Expanded="true">
<CustomAttributes>
<ext:ConfigItem Name="fldID" Value="1" Mode="Value" />
<ext:ConfigItem Name="fldStructure" Value="Location: USA" Mode="Value" />
<ext:ConfigItem Name="fldDepartment2" Value="" />
<ext:ConfigItem Name="fldEmployee2" Value="" Mode="Value" />
<ext:ConfigItem Name="fldType" Value="Location" Mode="Value" />
</CustomAttributes>
<Children>
<ext:Node Icon="Folder" Expanded="true">
<CustomAttributes>
<ext:ConfigItem Name="fldID" Value="2" Mode="Value" />
<ext:ConfigItem Name="fldStructure" Value="Department" Mode="Value" />
<ext:ConfigItem Name="fldDepartment2" Value="HR" />
<ext:ConfigItem Name="fldEmployee2" Value="" Mode="Value" />
<ext:ConfigItem Name="fldType" Value="Department" Mode="Value" />
</CustomAttributes>
<Children>
<ext:Node Leaf="true">
<CustomAttributes>
<ext:ConfigItem Name="fldID" Value="3" Mode="Value" />
<ext:ConfigItem Name="fldStructure" Value="Employee" Mode="Value" />
<ext:ConfigItem Name="fldDepartment2" Value="HR" />
<ext:ConfigItem Name="fldEmployee2" Value="Rita" Mode="Value" />
<ext:ConfigItem Name="fldType" Value="Employee" Mode="Value" />
</CustomAttributes>
</ext:Node>
<ext:Node Leaf="true">
<CustomAttributes>
<ext:ConfigItem Name="fldID" Value="4" Mode="Value" />
<ext:ConfigItem Name="fldStructure" Value="Employee" Mode="Value" />
<ext:ConfigItem Name="fldDepartment2" Value="HR" />
<ext:ConfigItem Name="fldEmployee2" Value="Peter" Mode="Value" />
<ext:ConfigItem Name="fldType" Value="Employee" Mode="Value" />
</CustomAttributes>
</ext:Node>
</Children>
</ext:Node>
</Children>
</ext:Node>
</Children>
</ext:Node>
</Root>
<Plugins>
<ext:CellEditing runat="server" />
</Plugins>
<ColumnModel>
<Columns>
<ext:TreeColumn
runat="server"
Text="Task"
Width="300"
Lockable="true"
Locked="true"
Sortable="false"
DataIndex="fldStructure" />
<ext:ComponentColumn runat="server" ID="cDep" Text="Department" DataIndex="fldDepartment2" Width="100" Editor="true" Lockable="true" ToolTip="Department">
<Component>
<ext:ComboBox runat="server" ID="eDep" DisplayField="Name" Editable="False" TriggerAction="All" AllowBlank="false" ValueField="Name" ForceSelection="true">
<Store>
<ext:Store runat="server" ID="Store1">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="ID" />
<ext:ModelField Name="Name" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Listeners>
<Select Handler="#{Store2}.reload( { Param1: 'IT'});"></Select>
</Listeners>
<%--<DirectEvents>
<BeforeQuery OnEvent="cboUser_BeforeQuery">
<ExtraParams>
<ext:Parameter Name="Param1" Value="#{TreePanel1}.normalGrid.editingPlugin.context.record.data.fldDepartment2" Mode="Raw" />
</ExtraParams>
</BeforeQuery>
</DirectEvents>--%>
</ext:ComboBox>
</Component>
</ext:ComponentColumn>
<ext:ComponentColumn runat="server" Text="Employee" DataIndex="fldEmployee2" Width="100" Editor="true" Lockable="true" ToolTip="Employee">
<Component>
<ext:ComboBox runat="server" ID="edtEmployee" DisplayField="Name" TriggerAction="All" AllowBlank="false" ValueField="ID">
<Store>
<ext:Store runat="server" ID="Store2">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="ID" />
<ext:ModelField Name="Name" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
</ext:ComboBox>
</Component>
</ext:ComponentColumn>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:TreeSelectionModel runat="server" Mode="Single" />
</SelectionModel>
<View>
<ext:TreeView runat="server" LoadMask="true" LoadingText="Loading data..." />
</View>
</ext:TreePanel>
</form>
</body>
</html>
Last edited by Daniil; Sep 22, 2015 at 9:01 AM.
Reason: [CLOSED]