CJuiAutoComplete loading icon for the user

Yii 1.1 General Discussion
1

hi,

ive implemented CJuiAutoComplete successfully and now wanted to have kind of LOADING IMAGE showing up for the waiting user.

beforesend and complete seems not to work for this. i usually use this for my ajaxbuttons and work fine. but here doesnt work. any ideas? And what does showAnim => fold mean????




$this->widget('zii.widgets.jui.CJuiAutoComplete', array(

                'id' => 'test',

                'name' => 'test',

                'value' => 'test',

                'source' => $this->createUrl('site/test'),

                'options' => array(

                    'showAnim' => 'fold',

                    'beforeSend' => 'js:function(){        

                                        $("#loading").html("LOADING IMAGE HERE");               

                                     }',

                    'complete' => 'js:function(){

                                        $("#loading").html("");

                                   }',

                    'select' => 'js:function(event, ui){ 

                                        $("#User_location_id").val(ui.item["id"]); 

                                        $("#User_location_name").val(ui.item["label"]); 

                                    }'

                    

                ),

                'htmlOptions' => array(

                //'style' => 'height:20px;'

                ),

            ));
2

solved for the interested:

adding

.ui-autocomplete-loading {

background: white url('../images/loading.gif') right center no-repeat;

}

to yout css file works

3

Thanks, it helped me

4

Please kindly tell me how u were able to do it.

I created a div called loading. I have tried


'beforeSend'=>"js:function(){

        $('#loading').addClass('ui-autocomplete-loading')}",

but it did not work.

The css file is it like the


'cssFile'=>...

specified in the documentation, and how can it be used?

I have browsed for this but couldn’t get something adaptable.

Thanks for any help