What's New?

[CLOSED] refresh treepanel's node without reload

Page 1 of 2 12 LastLast
  1. #1
    Jan 23, 2014, 7:58 AM

    [CLOSED] refresh treepanel's node without reload

    hi, ext.net team

    i have a treepanel on the page, the node is collapsed, then i the click the node and expand the child node, then i double click the node,modify ,the node , then close the modify window, then i need to refresh the the modified node, how to refresh the only modified node?
    i try to use treestore.reload, but the whole gridpanel reload and collapsed, I need to expand the modified node again to see whether it is modifyied or not.
    it is wrong , it need to refresh the modified node only after i close the modified window. how to do?

    thanks.
    Last edited by Daniil; Jan 31, 2014 at 5:51 AM. Reason: [CLOSED]
  2. #2
    Jan 23, 2014, 11:35 AM
    Hi @tobros,

    You can save an id of an edited node and its old text. Then you can restore it if needed. For example, by JavaScript.
    tree.getStore().getNodeById(id).set("text", oldText);
  3. #3
    Jan 24, 2014, 2:15 AM
    Quote Originally Posted by Daniil View Post
    Hi @tobros,

    You can save an id of an edited node and its old text. Then you can restore it if needed. For example, by JavaScript.
    tree.getStore().getNodeById(id).set("text", oldText);
    how to do it in code behind?
  4. #4
    Jan 24, 2014, 2:37 AM
    This way:
    TreeStore1.GetNodeById("id").SetText("oldText");
  5. #5
    Jan 24, 2014, 2:58 AM
    Quote Originally Posted by Daniil View Post
    This way:
    TreeStore1.GetNodeById("id").SetText("oldText");
    not only the text , i need to update treestore's modelfield and column's text.
  6. #6
    Jan 24, 2014, 3:03 AM
    All the TreeStore's ModelFields or just the "text" one?
  7. #7
    Jan 24, 2014, 5:07 AM
    Quote Originally Posted by Daniil View Post
    All the TreeStore's ModelFields or just the "text" one?
    not the text
     <ext:TreePanel ID="tp1" runat="server" Region="Center" RootVisible="false">
                    <Listeners>
                        <BeforeLoad Handler="Ext.net.Mask.show();" />
                        <Load Handler="Ext.net.Mask.hide();" />
                    </Listeners>
                    <Store>
                        <ext:TreeStore ID="TreeStore1" runat="server">
                            <Model>
                                <ext:Model runat="server" IDProperty="DeptCode">
                                    <Fields>
                                        <ext:ModelField Name="DeptCode" />
                                        <ext:ModelField Name="DeptName" />
                                        <ext:ModelField Name="ParentCode" />
                                        <ext:ModelField Name="CodeLevel" />
                                        <ext:ModelField Name="DeptProp" />
                                        <ext:ModelField Name="Principal" />
                                        <ext:ModelField Name="Telephone" />
                                        <ext:ModelField Name="CwzzFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="RsPmFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="CgFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="XsFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="KfFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="Amount">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                    </Fields>
                                </ext:Model>
                            </Model>
                            <Proxy>
                                <ext:AjaxProxy Url="../loadjsondata/dep.ashx">
                                </ext:AjaxProxy>
                            </Proxy>

                        </ext:TreeStore>
                    </Store>
                    <ColumnModel>
                        <Columns>
                            <ext:Column runat="server" DataIndex="DeptCode" Text="编号"></ext:Column>
                            <ext:TreeColumn runat="server" DataIndex="DeptName" Width="300" Text="部门" />
                            <ext:Column runat="server" DataIndex="CodeLevel" Text="编码级别" />
                            <ext:Column runat="server" DataIndex="DeptProp" Text="部门属性" />
                            <ext:Column runat="server" DataIndex="Principal" Text="负责人" />
                            <ext:Column runat="server" DataIndex="Telephone" Text="电话" />
                            <ext:CheckColumn runat="server" ID="cw_chckclmn" DataIndex="CwzzFlag" Text="财务系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="RsPmFlag" Text="人事工资系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="CgFlag" Text="采购系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="XsFlag" Text="销售系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="KfFlag" Flex="1" Text="库房系统">
                            </ext:CheckColumn>
                        </Columns>
                    </ColumnModel>
                    <DirectEvents>
                        <ItemDblClick OnEvent="item_dbclick_Event1">
                            <ExtraParams>
                                <ext:Parameter Name="ID" Value="record.data.DeptCode" Mode="Raw"></ext:Parameter>
                            </ExtraParams>
                        </ItemDblClick>
                    </DirectEvents>
                </ext:TreePanel>
    Click image for larger version.  Name: QQ截图20140124140513.png  Views: 6  Size: 60.5 KB  ID: 7529
  8. #8
    Jan 24, 2014, 7:02 AM
    You can change a value of any ModelField by this:
    TreeStore1.GetNodeById("id").Set("field name", "value");
  9. #9
    Jan 26, 2014, 1:47 AM
    Quote Originally Posted by Daniil View Post
    You can change a value of any ModelField by this:
    TreeStore1.GetNodeById("id").Set("field name", "value");
    the checkbox controls do not work 
                   <ext:TreePanel ID="tp1" runat="server" Region="Center" RootVisible="false">
                    <Listeners>
                        <BeforeLoad Handler="Ext.net.Mask.show();" />
                        <Load Handler="Ext.net.Mask.hide();" />
                    </Listeners>
                    <Store>
                        <ext:TreeStore ID="TreeStore1" runat="server">
                            <Model>
                                <ext:Model runat="server" IDProperty="DeptCode">
                                    <Fields>
                                        <ext:ModelField Name="DeptCode" />
                                        <ext:ModelField Name="DeptName" />
                                        <ext:ModelField Name="ParentCode" />
                                        <ext:ModelField Name="CodeLevel" />
                                        <ext:ModelField Name="DeptProp" />
                                        <ext:ModelField Name="Principal" />
                                        <ext:ModelField Name="Telephone" />
                                        <ext:ModelField Name="CwzzFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="RsPmFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="CgFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="XsFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="KfFlag">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                        <ext:ModelField Name="Amount">
                                            <Convert Handler="return value === 'True' ?  true : false;"></Convert>
                                        </ext:ModelField>
                                    </Fields>
                                </ext:Model>
                            </Model>
                            <Proxy>
                                <ext:AjaxProxy Url="../loadjsondata/dep.ashx">
                                </ext:AjaxProxy>
                            </Proxy>

                        </ext:TreeStore>
                    </Store>
                    <ColumnModel>
                        <Columns>
                            <ext:Column runat="server" DataIndex="DeptCode" Text="编号"></ext:Column>
                            <ext:TreeColumn runat="server" DataIndex="DeptName" Width="300" Text="部门" />
                            <ext:Column runat="server" DataIndex="CodeLevel" Text="编码级别" />
                            <ext:Column runat="server" DataIndex="DeptProp" Text="部门属性" />
                            <ext:Column runat="server" DataIndex="Principal" Text="负责人" />
                            <ext:Column runat="server" DataIndex="Telephone" Text="电话" />
                            <ext:CheckColumn runat="server" ID="cw_chckclmn" DataIndex="CwzzFlag" Text="财务系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="RsPmFlag" Text="人事工资系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="CgFlag" Text="采购系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="XsFlag" Text="销售系统">
                            </ext:CheckColumn>
                            <ext:CheckColumn runat="server" DataIndex="KfFlag" Flex="1" Text="库房系统">
                            </ext:CheckColumn>
                        </Columns>
                    </ColumnModel>
                    <DirectEvents>
                        <ItemDblClick OnEvent="item_dbclick_Event1">
                            <ExtraParams>
                                <ext:Parameter Name="ID" Value="record.data.DeptCode" Mode="Raw"></ext:Parameter>
                            </ExtraParams>
                        </ItemDblClick>
                    </DirectEvents>
                </ext:TreePanel>
    this.TreeStore1.GetNodeById((object)_depid).Set("Principal", person.Text);
            this.TreeStore1.GetNodeById((object)_depid).Set("Telephone", tel.Text);
            this.TreeStore1.GetNodeById((object)_depid).Set("DeptName", _depname);
            this.TreeStore1.GetNodeById((object)_depid).Set("CodeLevel", int.Parse(codelevel.Text));
            this.TreeStore1.GetNodeById((object)_depid).Set("DeptProp", depprop.Text);
            this.TreeStore1.GetNodeById((object)_depid).Set("RsPmFlag", rs == true ? "true" : "false"); //not work
            this.TreeStore1.GetNodeById((object)_depid).Set("CgFlag", cg == true ? "true" : "false");//not work
            this.TreeStore1.GetNodeById((object)_depid).Set("XsFlag", xs == true ? "true" : "false");//not work
            this.TreeStore1.GetNodeById((object)_depid).Set("KfFlag", kf == true ? "true" : "false");//not work
  10. #10
    Jan 27, 2014, 3:10 AM
    I guess you should use a bool value instead of a string.
    this.TreeStore1.GetNodeById((object)_depid).Set("RsPmFlag", rs);
this.TreeStore1.GetNodeById((object)_depid).Set("CgFlag", cg);
this.TreeStore1.GetNodeById((object)_depid).Set("XsFlag", xs);
this.TreeStore1.GetNodeById((object)_depid).Set("KfFlag", kf);
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] The treepanel node selection disappears upon collapsing the selected node
    By bogc in forum 2.x Legacy Premium Help
    Replies: 11
    Last Post: Feb 06, 2013, 5:09 PM
  2. [CLOSED] TreePanel refresh tree node
    By boris in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 16, 2011, 10:32 AM
  3. reselect node in treepanel after page reload
    By ginsar in forum 1.x Help
    Replies: 27
    Last Post: Oct 13, 2011, 11:05 AM
  4. TreePanel->Tools(Type="Refresh"), when click refresh icon, can I show a mask over the TreePanel?
    By zhangsir199 in forum 1.x Help
    Replies: 2
    Last Post: Jul 30, 2010, 12:37 AM
  5. [CLOSED] TreePanel state: re-select node after refresh
    By ljcorreia in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Mar 24, 2010, 12:27 PM

Posting Permissions