TreePanel Click

  1. #1

    TreePanel Click

    Click image for larger version. 

Name:	Example.jpg 
Views:	89 
Size:	69.6 KB 
ID:	5152
    when I click the Located at number 1, adding new tab(located at number 3). But when I click the Located at number 2 (on link text) ,add new tab and open link in the different page.I dont want open the different page.How I block the open different page?
    Waiting for your help.
    Thanks
  2. #2
    Can you provide a running and simple example?

    Are you using ItemClick?
  3. #3
    yes, i use item clik and This problem is solved.but now i have got a new problem.It does not open links.
    Click image for larger version. 

Name:	NewProblem.jpg 
Views:	67 
Size:	46.2 KB 
ID:	5169

    <link rel="stylesheet" type="text/css" href="resources/css/main.css" />
        <script type="text/javascript" src="resources/js/main.js"></script>
        <ext:XScript ID="XScript1" runat="server">
            <script type="text/javascript">
                var addTab = function (tabPanel, id, url, text, menuItem, tree) {
                    var tab = tabPanel.getComponent(id);
                    if (url != "") {
                        if (!tab) {
                            tab = tabPanel.add({
                                id: id,
                                title: text,
                                closable: true,
                                menuItem: menuItem,
                                loader: {
                                    url: url,
                                    renderer: "frame",
                                    loadMask: {
                                        showMask: true,
                                        msg: "Loading " + text + "..."
                                    }
                                }
                            });
    
                            tab.on("activate", function (tab) {
                                //#{MenuPanel1}.setSelection(tab.menuItem);
                                //#{exampleTree}.setSelection(tab.menuItem);
                                //menuItem.setSelection(tab.menuItem);
                                //menuItem.getNodeById(tab.id).select()
                            });
                        }
                    }
                    tabPanel.setActiveTab(tab);
                }
            </script>
        </ext:XScript>
    </head>
    
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:History ID="History1" runat="server">
            <Listeners>
                <Change Fn="change" />
            </Listeners>
        </ext:History>
        <ext:Viewport ID="Viewport1" runat="server" Layout="border">
            <Items>
                <ext:Panel runat="server"
                    Region="West"
                    Layout="Fit"
                    Width="240"
                    Header="false"
                    Collapsible="true"
                    Split="true"
                    CollapseMode="Mini"
                    Margins="0 0 4 4"
                    Border="false">
                    <Items>
                        <ext:TreePanel ID="exampleTree"
                            runat="server"
                            Header="false"
                            AutoScroll="true"
                            Lines="false"
                            UseArrows="true"
                            CollapseFirst="false"
                            RootVisible="false">
                            <TopBar>
                                <ext:Toolbar ID="Toolbar1" runat="server">
                                    <Items>
                                        <ext:TriggerField
                                            ID="TriggerField1"
                                            runat="server"
                                            EnableKeyEvents="true"
                                            Flex="1"
                                            EmptyText="Filter Examples...">
                                            <Triggers>
                                                <ext:FieldTrigger Icon="Clear" HideTrigger="true" />
                                            </Triggers>
                                            <Listeners>
                                                <KeyUp Fn="keyUp" Buffer="100" />
                                                <TriggerClick Fn="clearFilter" />
                                                <SpecialKey Fn="filterSpecialKey" />
                                            </Listeners>
                                        </ext:TriggerField>
                                        <ext:Button ID="Button1" runat="server" Icon="Cog" ToolTip="Options">
                                            <Menu>
                                                <ext:Menu ID="Menu1" runat="server">
                                                    <Items>
                                                        <ext:MenuItem ID="MenuItem1" runat="server" Text="Expand All" IconCls="icon-expand-all">
                                                            <Listeners>
                                                                <Click Handler="#{exampleTree}.expandAll(false);" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                        <ext:MenuItem ID="MenuItem2" runat="server" Text="Collapse All" IconCls="icon-collapse-all">
                                                            <Listeners>
                                                                <Click Handler="#{exampleTree}.collapseAll(false);" />
                                                            </Listeners>
                                                        </ext:MenuItem>
                                                        <ext:MenuSeparator ID="MenuSeparator1" runat="server" />
                                                        <ext:CheckMenuItem ID="CheckMenuItem1" runat="server" Text="NEW Only">
                                                            <Listeners>
                                                                <CheckChange Fn="filterNewExamples" />
                                                            </Listeners>
                                                        </ext:CheckMenuItem>
                                                        <ext:MenuSeparator ID="MenuSeparator2" runat="server" />
                                                        <ext:MenuItem ID="MenuItem3" runat="server" Text="Theme" Icon="Paintcan">
                                                            <Menu>
                                                                <ext:Menu ID="Menu2" runat="server">
                                                                    <Items>
                                                                        <ext:CheckMenuItem ID="DefaultThemeItem" runat="server" Text="Default" Group="theme" />
                                                                        <ext:CheckMenuItem ID="GrayThemeItem" runat="server" Text="Gray" Group="theme" Checked="true" />
                                                                        <ext:CheckMenuItem ID="AccessThemeItem" runat="server" Text="Access" Group="theme" />
                                                                    </Items>
                                                                    <Listeners>
                                                                        <Click Handler="#{DirectMethods}.GetThemeUrl(menuItem.text,{
    																		success : function (result) {
    																			Ext.net.ResourceMgr.setTheme(result);
    																			#{ExampleTabs}.items.each(function (el) {
    																				if (!Ext.isEmpty(el.iframe)) {
    																					if (el.getBody().Ext) {
    																						el.getBody().Ext.net.ResourceMgr.setTheme(result, menuItem.text.toLowerCase());
    																					}
    																				}
    																			});
    																		}
    																	});" />
                                                                    </Listeners>
                                                                </ext:Menu>
                                                            </Menu>
                                                        </ext:MenuItem>
                                                    </Items>
                                                </ext:Menu>
                                            </Menu>
                                        </ext:Button>
                                    </Items>
                                </ext:Toolbar>
                            </TopBar>
                            <Store>
                                <ext:TreeStore ID="TreeStore1" runat="server" OnReadData="GetExamplesNodes">
                                    <Proxy>
                                        <ext:PageProxy>
                                            <RequestConfig Method="GET" Type="Load" />
                                        </ext:PageProxy>
                                    </Proxy>
                                    <Root>
                                        <ext:Node NodeID="Root" Expanded="true" />
                                    </Root>
                                </ext:TreeStore>
                            </Store>
    <%--                                                <Listeners>
                                <ItemClick Handler="addTab(#{ExampleTabs}, record.getId(), record.get('href'),record.get('text'), this);" />
                            </Listeners>--%>
                            <Listeners>
                                <ItemClick Handler="onTreeItemClick(record, e);" />
                                <AfterRender Fn="onTreeAfterRender" />
                            </Listeners>
                        </ext:TreePanel>
                    </Items>
                </ext:Panel>
                <ext:TabPanel ID="ExampleTabs" runat="server" Region="Center" EnableTabScroll="true"
                    MinTabWidth="85">
                    <Items>
                        <ext:Panel ID="Panel11" runat="server" Title="Home" Padding="5" Icon="House">
                            <Loader ID="Loader1" runat="server" Url="Welcome.aspx" Mode="Frame">
                                <LoadMask ShowMask="true" />
                            </Loader>
                        </ext:Panel>
                    </Items>
                    <Listeners>
                        <TabChange Fn="addToken" />
                    </Listeners>
                    <Plugins>
                        <ext:TabCloseMenu ID="TabCloseMenu1" runat="server" />
                    </Plugins>
                </ext:TabPanel>
            </Items>
        </ext:Viewport>
    </body>
    [DirectMethod]
        protected void GetExamplesNodes(object sender, NodeLoadEventArgs e)
        {
            if (e.NodeID == "Root")
            {
                dynamic nodes = this.Page.Cache["ExamplesTreeNodes"] as NodeCollection;
                DataTable Capa_Load = new DataTable();
                Capa_Load = My_Ticket.Ticket_Menu_Load_Is_Security(Convert.ToInt32(0), Convert.ToInt32(Session["LanguageID"]), Convert.ToInt32(Session["Agencies_User_ID"])).Tables[0];
    
                if (Capa_Load.Rows.Count == 0)
                {
                    exampleTree.Hide();
                }
                //If nodes Is Nothing Then
                //nodes = UIHelpers.BuildNodes(false);
                NodeCollection notes = new NodeCollection();
    
                foreach (DataRow row in Capa_Load.Rows)
                {
                    Node note = new Node();
                    note.Text = row["Menu_Name"].ToString();
    
                    string leaf_ = row["Link"].ToString();
                    if (leaf_ != "a")
                    {
                        note.Href = row["Link"].ToString();
                        note.HrefTarget = "_self";
                        note.Leaf = true;
                    }
                    else
                    {
                        note.Leaf = false;
                    }
                    note.NodeID = row["ID"].ToString();
                    note.IconFile = row["Image"].ToString();
                    note.Expanded = true;
                    DataTable Child_Capa_Load = new DataTable();
                    Child_Capa_Load = My_Ticket.Ticket_Menu_Load_Is_Security(Convert.ToInt32(row["ID"]), Convert.ToInt32(Session["LanguageID"]), Convert.ToInt32(Session["Agencies_User_ID"])).Tables[0];
                    foreach (DataRow row_Child in Child_Capa_Load.Rows)
                    {
                        Node note_Child = new Node();
                        note_Child.Text = row_Child["Menu_Name"].ToString();
                        note_Child.Href = row_Child["Link"].ToString();
                        note_Child.HrefTarget = "_self";
                        note_Child.Leaf = true;
                        note_Child.NodeID = row_Child["ID"].ToString();
                        note_Child.IconFile = row_Child["Image"].ToString();
                        note.Children.Add(note_Child);
                    }
                    e.Nodes.Add(note);
                }
                nodes = notes;
                //this.Page.Cache.Add("Nodes", nodes, null, DateTime.Now.AddHours(1), System.Web.Caching.Cache.NoSlidingExpiration, CacheItemPriority.Default, null);
                //End If
                //e.Nodes = nodes
            }
        }
        [DirectMethod]
        public string GetThemeUrl(string theme)
        {
            Theme temp = (Theme)Enum.Parse(typeof(Theme), theme);
    
            this.Session["Ext.Net.Theme"] = temp;
    
            return temp == Ext.Net.Theme.Default ? "Default" : this.ResourceManager1.GetThemeUrl(temp);
        }
        [DirectMethod]
        public static int GetHashCode(string s)
        {
            return 1;
        }
    our main.js is same to ext.net.example

    Thanks

Similar Threads

  1. No Expanded on click treepanel node!
    By abis in forum 2.x Help
    Replies: 2
    Last Post: Aug 12, 2012, 5:22 AM
  2. Treepanel click event
    By Mr.Techno in forum 1.x Help
    Replies: 0
    Last Post: Sep 21, 2011, 5:28 AM
  3. treepanel in CodeBehind on button click ?
    By caoit in forum 1.x Help
    Replies: 1
    Last Post: Apr 13, 2011, 1:03 PM
  4. Replies: 2
    Last Post: Jul 30, 2010, 12:37 AM
  5. Replies: 2
    Last Post: Jun 14, 2010, 2:47 PM

Posting Permissions