1. #1
    Sencha User kantha.exe's Avatar
    Join Date
    May 2012
    Location
    India, Banglore
    Posts
    24
    Vote Rating
    -1
    kantha.exe is an unknown quantity at this point

      0  

    Default Unanswered: Load Mask for Chart

    Unanswered: Load Mask for Chart


    Hi
    I am using EXTjs4 Chart , i want to put Load Mask for Chart while Loading.... I tried this following code....

    HTML Code:
    beforerender: function() {                 var myMask = new Ext.LoadMask(chartForReport.getEl(), {msg: 'Please wait...'});                myMask.show();                },                afterrender: function() {
    var myMask = new Ext.LoadMask(chartForReport.getEl(), {msg: 'Please wait...'});                myMask.show();                    myMask.destroy();                }
    but its not working......
    any way ....?

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,332
    Answers
    124
    Vote Rating
    83
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi,

    You can try following code:-

    Code:
    xt.onReady(function () {
        Ext.define('WeatherPoint', {
            extend: 'Ext.data.Model',
            fields: ['temperature', 'date']
        });
        var store = Ext.create('Ext.data.Store', {
            model: 'WeatherPoint',
            data: [
            { temperature: 58, date: new Date(2011, 1, 1, 8) },
            { temperature: 63, date: new Date(2011, 1, 1, 9) },
            { temperature: 73, date: new Date(2011, 1, 1, 10) },
            { temperature: 78, date: new Date(2011, 1, 1, 11) },
            { temperature: 81, date: new Date(2011, 1, 1, 12) }
        ]
        });
        chart = Ext.create('Ext.chart.Chart', {
            renderTo: Ext.getBody(),
            width: 400,
            height: 300,
            store: store,
            axes: [
            {
                title: 'Temperature',
                type: 'Numeric',
                position: 'left',
                fields: ['temperature'],
                minimum: 0,
                maximum: 100
            },
            {
                title: 'Time',
                type: 'Time',
                position: 'bottom',
                fields: ['date'],
                dateFormat: 'ga'
            }
        ],
            series: [
            {
                type: 'line',
                xField: 'date',
                yField: 'temperature'
            }
        ],
            listeners: {
                afterrender: {
                    fn: doMask
                }
            }
        });
        function doMask(chart) {
            var myMask = new Ext.LoadMask(chart, { msg: 'Please wait...' });
            myMask.show();
            setTimeout(function () {
                myMask.hide();
            }, 2000)
        }
    })
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar