Javascript loading ext

Yii 1.1 General Discussion
1

Hi guys,

How to use loading ext and apply it in view?? How to write the javascript in View Controller?

In javascript:

Loading.show();

Loading.hide();

Usage

In views/layouts:


$this->widget('ext.widgets.loading.LoadingWidget');
2

just extract and upload the extentions into the protected/extentions folder

3

Hi Bettor,


just extract and upload the extentions into the protected/extentions folder

How to call the widget in controller or view after extract and put at protected/extentions folder ?? Thx. Too less documentation on the usage.

4

Anyone can help me??

5

I haven’t used the extension yet, this is what I do for now:


$script = <<<JS

    var headline = $('#loading');

    $(document).ajaxSend(function() {

        headline.addClass('activity');

    });

    $(document).ajaxStop(function() {

        headline.removeClass('activity');

    });

JS;

Yii::app()->clientScript->registerScript('loading-indicator', $script, CClientScript::POS_READY);

And style the class ‘.activity’ accordingly in the main.css file for instance

It’s from http://tpoxa.com/2011/04/19/fully-ajax-website-with-yii/

6

Hi bennouna,

Thanks for your info. Will try work on it. Grateful for your helps. =)

7

I use this in my view file /views/site/index.php


<script type="application/javascript">

    //preloader

    $('#loading').show();

    $('#create_contianer').hide();

    $(window).load(function(){

        $('#loading').hide();

        $('#create_contianer').show();

    }); 

<script>

the #loading div has my loader, the #create_contianer div has the page’s content.