What's New?

[CLOSED] Loading Display

  1. #1
    Jun 17, 2012, 3:06 AM

    [CLOSED] Loading Display

    I have an application where I am doing some screen manipulation outside of Ext, but even though I am using my own script is there a way for me to show/hide the Ext "loading" graphic as I need it just so that it is visually consistet with the rest of the application?
    Last edited by Daniil; Jun 18, 2012 at 2:10 PM. Reason: [CLOSED]
  2. #2
    Jun 17, 2012, 7:00 PM
    Hi,

    Are the Ext.NET resources loaded on that page where you would like Ext.NET masking?

    If yes, please use:
    Ext.net.Mask.show();
    Ext.net.Mask.hide();
    If no, then, I am afraid, there is no way without Ext.NET resources. Though, certainly, you could try to winkle out the masking functionality from the Ext.NET resources. I think it might be not so easy.
  3. #3
    Jun 18, 2012, 1:18 PM
    The resources are added and this is almost exactly what I want. The only thing I would like to do more, if possible, is contain the mask to an element on the page instead of having it display "modally." Is that possible? I do have an Ext panel which contains the elements that I am trying to mask. Does that help?
  4. #4
    Jun 18, 2012, 1:35 PM
    Generally, you can mask any appropriate HTML elements.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE>

<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>

    <style type="text/css">
        .my-div {
            height: 200px;
            width: 200px;
            border: 1px solid;
        }
    </style>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <div id="div1" class="my-div"></div>

        <b>Approach 1</b><br/>
        <ext:Button runat="server" Text="Mask">
            <Listeners>
                <Click Handler="Ext.net.Mask.show({
                                    el  : Ext.get('div1'),
                                    msg : 'My Mask Message'
                                });" />
            </Listeners>
        </ext:Button>

        <ext:Button runat="server" Text="Unmask">
            <Listeners>
                <Click Handler="Ext.net.Mask.hide();" />
            </Listeners>
        </ext:Button>

         <b>Approach 2</b><br/>
        <ext:Button runat="server" Text="Mask">
            <Listeners>
                <Click Handler="Ext.get('div1').mask('My Mask Message', 'x-mask-loading');" />
            </Listeners>
        </ext:Button>

        <ext:Button runat="server" Text="Unmask">
            <Listeners>
                <Click Handler="Ext.get('div1').unmask();" />
            </Listeners>
        </ext:Button>
    </form>
</body>
</html>
  5. #5
    Jun 18, 2012, 2:07 PM
    That's exactly what I wanted. Thanks.

Similar Threads

  1. [CLOSED] Async loading and re-loading of panels in a reporting portal - Suggestions?
    By sadaf in forum 1.x Legacy Premium Help
    Replies: 22
    Last Post: Jan 24, 2012, 7:27 AM
  2. How to display progress bar or waiting bar on button click to perform long actions like loading tons of data from the database.
    By santhu12smart in forum 1.x Help
    Replies: 2
    Last Post: Dec 19, 2011, 1:54 AM
  3. On IE8, when loading a ext:Window with .ashx the Process DOES NOT completes... and the Progress Bar still looks like its loading
    By RonaldR in forum 1.x Help
    Replies: 0
    Last Post: Jan 04, 2011, 3:16 PM
  4. [CLOSED] Need to display "Loading..." when clicking on a new panel
    By garrisrd in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Aug 31, 2010, 2:33 PM
  5. display loading mask until page fully loaded
    By Kamal in forum 1.x Help
    Replies: 1
    Last Post: Nov 01, 2009, 6:08 AM

Posting Permissions