[CLOSED] Help : How Changing Treepanel after update in the IFrame (Server Side)

  1. #1

    [CLOSED] Help : How Changing Treepanel after update in the IFrame (Server Side)

    I Have Problem About Change Node Text in Treepanel After I do Action in Other Page(IFrame)

    this My Source Code

    Iframe.aspx
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Iframe.aspx.cs" Inherits="WEB.HeaderTesting" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <%@ Import Namespace="Ext.Net.Utilities" %>
    <%@ Import Namespace="System.Collections.Generic" %>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>IFrame</title>
            <script type="text/javascript">
                var addTab = function (tabPanel, record) {
                    var text = record.data.viewheader,
                    tab = tabPanel.getComponent(text);
                    if (record.data.url != "") {
                        if (!tab) {
                            tab = tabPanel.add({
                                id: text,
                                title: text,
                                closable: true,
                                loader: {
                                    url: record.data.url,
                                    renderer: "frame",
                                    loadMask: {
                                        showMask: true,
                                        msg: "Loading " + text + "..."
                                    }
                                }
                            });
                        }
                        tabPanel.setActiveTab(tab);
                    }
                };
    
                var showWindow = function (window) {
                    window.show();
                }
    
                var addTabLaporan = function (window, tabPanel, id, url, title) {
                    window.hide();
                    addTab(tabPanel, id, url, title);
                }
    
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
                <ext:Viewport ID="Viewport1" runat="server" Layout="border">
                <Items>
    
                    <ext:Panel 
                    ID="Panel2"
                    runat="server" 
                    AnimCollapse="true" 
                    Border="false"  
                    Title="Module Navigation" 
                    Region="West" 
                    Layout="accordion"
                    Width="225" 
                    MinWidth="150" 
                    MaxWidth="400" 
                    Split="true" 
                    Collapsible="true"
                    Header="false" >
                        <Items>
    
                                    <ext:TreePanel ID="TreePanel23" 
                                    runat="server" 
                                    Title="Navigation Menu"
                                    Closable="false"
                                    Icon = "Neighbourhood"
                                    AutoScroll="true" 
                                      CollapseFirst="false"
                                    RootVisible="false">
                                        <Fields>
                                                <ext:ModelField Name="url" />
                                                <ext:ModelField Name="viewheader" />
    
                                        </Fields>
                                        <Root>
                                            <ext:Node NodeID="headerID">
                                                <Children>
                                                    <ext:Node NodeID="DetailID" Text="Detail (Click Here)">
                                                        <CustomConfig>
                                                            <ext:ConfigItem Name="url" Value="Detail.aspx" />
                                                            <ext:ConfigItem Name="viewheader" Value="Detail" />
                                                        </CustomConfig>
                                                    </ext:Node>
                                                </Children>
                                            </ext:Node>
                                        </Root>
     
                                        <BottomBar>
                                            <ext:StatusBar ID="StatusBar23" runat="server" AutoClear="1500" />
                                        </BottomBar>
                                        <Listeners>
                                            <ItemClick Handler="addTab(App.TabPanel1, record);" />
                                        </Listeners>
                                    </ext:TreePanel>
    
                            
    
                        </Items>
                    </ext:Panel>
    
    
                    <ext:TabPanel ID="TabPanel1" runat="server" Region="Center" Margins="0 4 4 0" AutoScroll="true">
                        <Items>
                        </Items>
                    </ext:TabPanel>
                </Items>
            </ext:Viewport>
    
        </form>
    </body>
    </html>
    Detail.aspx
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Detail.aspx.cs" Inherits="WEB.Testing" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <%@ Import Namespace="Ext.Net.Utilities" %>
    <%@ Import Namespace="System.Collections.Generic" %>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <ext:ResourceManager runat="server" />
            <ext:Panel runat="server" ID="Panel2" Title="Panel2" BodyStyle="padding: 2px 2px 2px 2px" Border="false" BodyBorder="0" AutoScroll="true" MinHeight="200">
                            <Items>
                                            <ext:HtmlEditor ID="HtmlEditor1" runat="server" Height="200" Width="650" FieldLabel="HtmlEditor1"
                                                LabelWidth="120" />
                            </Items>
            </ext:Panel>    
    
            <ext:Button runat="server" ID="ClickHere" Text = "Click Here">
                <DirectEvents>
                    <Click OnEvent="ClickHere_Click" />
                </DirectEvents>
            </ext:Button>
         </div>
        </form>
    </body>
    </html>
    I Want Change Node Text
                                                    <ext:Node NodeID="DetailID" Text="Detail (Click Here)">
                                                        <CustomConfig>
                                                            <ext:ConfigItem Name="url" Value="Detail.aspx" />
                                                            <ext:ConfigItem Name="viewheader" Value="Detail" />
                                                        </CustomConfig>
                                                    </ext:Node>
    with Other Text

    after I Click
                    <Click OnEvent="ClickHere_Click" />
    How Method For Solve This Problem ?

    Thanks
    Attached Thumbnails Click image for larger version. 

Name:	Capture.JPG 
Views:	39 
Size:	59.8 KB 
ID:	12371  
    Last edited by Daniil; Jun 17, 2014 at 11:39 AM. Reason: [CLOSED]
  2. #2
    Hi @yuda236,

    You cannot access a parent page from its iframe's code behind, but you can do that in JavaScript.

    To get access to a TreePanel (on the parent page) in a Button's Click listener (on the child page), please use:
    parent.App.TreePanelID

Similar Threads

  1. [CLOSED] ProgressBar Server Side Update
    By Marcelo in forum 1.x Legacy Premium Help
    Replies: 14
    Last Post: May 31, 2017, 12:59 AM
  2. Changing GridFilter on server-side
    By wdk in forum 1.x Help
    Replies: 0
    Last Post: Mar 28, 2011, 3:34 AM
  3. Update data and refreshing grid on server-side !
    By Aleksa007 in forum 1.x Help
    Replies: 0
    Last Post: Mar 03, 2011, 12:25 AM
  4. Update grid from Server Side
    By Maia in forum 1.x Help
    Replies: 3
    Last Post: Jun 03, 2009, 2:21 PM
  5. Update Store on Server Side
    By Tbaseflug in forum 1.x Help
    Replies: 2
    Last Post: Jan 14, 2009, 5:59 PM

Tags for this Thread

Posting Permissions