[CLOSED] How do you show a Mask on TreePanel SubmitNodes event?

  1. #1

    [CLOSED] How do you show a Mask on TreePanel SubmitNodes event?

    Hi, the SubmitNodes event on the TreePanel is handled differently to most other events in that you do not configure it through Listeners or DirectEvents. So, I am just wondering how to get it to show a mask while it is processing?
    Cheers.
    Last edited by Daniil; Nov 25, 2010 at 7:11 AM. Reason: [CLOSED]
  2. #2
    Hi,

    Please look at the example.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Import Namespace="TreeNode=Ext.Net.TreeNode" %>
    <%@ Import Namespace="TreeNodeCollection=Ext.Net.TreeNodeCollection" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                this.BuildTree(this.TreePanel1.Root);
            }
        }
    
        private TreeNodeCollection BuildTree(TreeNodeCollection nodes)
        {
            if (nodes == null)
            {
                nodes = new TreeNodeCollection();
            }
    
            TreeNode root = new TreeNode();
            root.Text = "Root";
            nodes.Add(root);
    
            bool submit = true;
    
            for (int i = 0; i < 10; i++)
            {
                TreeNode node = new TreeNode();
                node.NodeID = (i + 1).ToString();
                node.Text = "Node" + (i + 1);
                node.CustomAttributes.Add(new ConfigItem("submit", JSON.Serialize(submit), ParameterMode.Raw));
                root.Nodes.Add(node);
                submit = !submit;
            }
    
            return nodes;
        }
    
        protected void SubmitNodes(object sender, SubmitEventArgs e)
        {
            X.Msg.Alert("Submit", "You have submitted " + e.RootNode.Children.Count + " nodes").Show();
        }
    </script>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head2" runat="server">
        <title>Ext.NET Example</title>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        <h1>
            TreePanel Submit</h1>
        <ext:TreePanel 
            ID="TreePanel1" 
            runat="server" 
            Icon="Anchor" 
            Title="Tree" 
            AutoScroll="true"
            Width="550" 
            RootVisible="False" 
            OnSubmit="SubmitNodes">
            <Buttons>
                <ext:Button runat="server" Text="Submit with mask">
                    <Listeners>
                        <Click Handler="#{TreePanel1}.submitNodes({
                                                            eventMask: { 
                                                                showMask: true, 
                                                                msg: 'Hello from mask!', 
                                                                minDelay: 3000
                                                            }
                                                        });" />
                    </Listeners>
                </ext:Button>
            </Buttons>
            <Listeners>
            </Listeners>
        </ext:TreePanel>
        </form>
    </body>
    </html>
  3. #3

    Thanks!

    Excellent, thanks heaps - that works!

    Cheers.
    Andrew.

Similar Threads

  1. Treepanel SubmitNodes Event Extraparams
    By children_of_the in forum 1.x Help
    Replies: 0
    Last Post: Oct 25, 2011, 11:43 AM
  2. Replies: 1
    Last Post: Apr 06, 2011, 6:54 AM
  3. Replies: 6
    Last Post: Nov 04, 2010, 10:14 AM
  4. Replies: 1
    Last Post: Nov 03, 2010, 7:31 PM
  5. Replies: 10
    Last Post: Aug 18, 2010, 2:22 AM

Tags for this Thread

Posting Permissions