Hi,
now i have extend the sample to create the Root Node in Codebehind.
If i click the root node, and change the text, the row will not appear in the modified Records. Why?
<%@ Page Language="C#" %>
<script type="text/javascript">
var onSaveClick = function (btn, e, eOpts) {
console.log(App.MainStore);
console.log(App.MainStore.getChangedData());
console.log(App.MainStore.getModifiedRecords());
console.log(App.MainStore.getUpdatedRecords());
}
var onItemClick = function (view, rec) {
console.log('onItemClick');
console.log(rec);
//if (rec.get('leaf')) {
rec.set('qtip', 'Changed');
var panel = App.TreeGrid1,
store = panel.getStore(),
consolePanel = App.Panel1,
recs = new Array();
for(i=0; i<store.getCount(); i++)
recs.push(store.getAt(i).get('qtip'));
consolePanel.add({
xtype: 'box',
autoEl: {
cn: ' > ' +
'modifiedRecords: ' +
store.getModifiedRecords().length +
' -> ' + recs.join(', ')
}
});
//console.log(store.getModifiedRecords());
//}
}
</script>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
Node root = new Node {NodeID = "Root0", Text="RootNode", Expanded = true};
root.CustomAttributes.Add(new ConfigItem() { Name = "text1", Value = "Root1", Mode = ParameterMode.Auto });
root.CustomAttributes.Add(new ConfigItem() { Name = "text2", Value = "Root2", Mode = ParameterMode.Value });
TreeGrid1.Root.Add(root);
}
protected void NodeLoad(object sender, NodeLoadEventArgs e)
{
string prefix = e.ExtraParams["prefix"] ?? "";
if (!string.IsNullOrEmpty(e.NodeID))
{
for (int i = 1; i < 6; i++)
{
Node asyncNode = new Node();
asyncNode.Text = "Node" + i;
asyncNode.NodeID = "Node" + i;
asyncNode.Expanded = true;
asyncNode.CustomAttributes.Add(new ConfigItem() { Name = "text1", Value = "Text1-" + i, Mode = ParameterMode.Auto });
asyncNode.CustomAttributes.Add(new ConfigItem() { Name = "text2", Value = "Text2-" + i, Mode = ParameterMode.Value });
if (i < 3)
{
for (int x = 1; x < 3; x++)
{
Node childNode = new Node
{
Text = "Node" + i + x,
NodeID = "Node" + i + x,
Expanded =false,
Leaf = true
};
childNode.CustomAttributes.Add(new ConfigItem() {Name = "text1", Value = "Text1-" + i, Mode = ParameterMode.Auto});
childNode.CustomAttributes.Add(new ConfigItem() {Name = "text2", Value = "Text2-" + i, Mode = ParameterMode.Value});
asyncNode.Children.Add(childNode);
}
}
if (asyncNode.Children.Count > 0)
{
asyncNode.Leaf = false;
}
else
{
asyncNode.Leaf = true;
}
e.Nodes.Add(asyncNode);
}
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET v3 Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" Theme="Default" InitScriptMode="Inline" ScriptMode="Debug" ID="ResourceManager1" />
<ext:TextField ID="TextField1" runat="server" Text="Node" Width="200" />
<ext:TreePanel
runat="server"
SortableColumns="false"
ID="TreeGrid1"
Title="Test"
MinHeight="400"
MaxHeight="800"
RootVisible="true"
MultiSelect="false"
Border="false"
Mode="Local"
SingleExpand="false"
FolderSort="false">
<SelectionSubmitConfig Encode="true" />
<Store>
<ext:TreeStore runat="server" ID="MainStore" OnReadData="NodeLoad">
<Proxy>
<ext:PageProxy/>
</Proxy>
<Model>
<ext:Model runat="server" ID="mdlTest">
<Fields>
<ext:ModelField Name="text" Type="String" Persist="True"/>
<ext:ModelField Name="text1" Type="String" Persist="True"/>
<ext:ModelField Name="text2" Type="String" Persist="True"/>
<ext:ModelField Name="qtip" Type="String" Persist="True"/>
</Fields>
</ext:Model>
</Model>
<Parameters>
<ext:StoreParameter Name="prefix" Value="App.TextField1.getValue()" Mode="Raw" />
</Parameters>
</ext:TreeStore>
</Store>
<%--<Root>
<ext:Node NodeID="0" Text="Root" Expanded="true" />
</Root>--%>
<TopBar>
<ext:Toolbar runat="server" Flat="true">
<Items>
<ext:Button runat="server" Text="Save" Icon="Disk">
<Listeners>
<Click Fn="onSaveClick"></Click>
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel>
<Columns>
<ext:TreeColumn runat="server" DataIndex="text" />
<ext:Column runat="server" DataIndex="text" Text="Text">
<Editor>
<ext:TextField runat="server" />
</Editor>
</ext:Column>
<ext:Column runat="server" DataIndex="text1" Text="Text1">
<Editor>
<ext:TextField runat="server" />
</Editor>
</ext:Column>
<ext:Column runat="server" DataIndex="text2" Text="Text2">
<Editor>
<ext:TextField runat="server" />
</Editor>
</ext:Column>
<ext:Column runat="server" DataIndex="leaf" Text="IsLeaf"/>
<ext:Column runat="server" DataIndex="qtip" Text="qTip"/>
</Columns>
</ColumnModel>
<Plugins>
<ext:CellEditing runat="server" ClicksToEdit="1"/>
</Plugins>
<Listeners>
<ItemClick Fn="onItemClick"/>
</Listeners>
</ext:TreePanel>
<ext:Panel runat="server" ID="Panel1" Title="Console" BodyStyle="padding: 5px"/>
</form>
</body>
</html>
best regards
I.
