How to display images in CJuiAutoComplete without extenstions

Tutorials

1.1

AJAX,jquery,CJuiAutoComplete, ajax, jquery

I wanted to customize the CJuiAutoComplete, so that it displays a thumb image before the label like the one shown in the following image:  For me I needed to display a color thumb "color_img" before the color name "color_desc_e". Here is what you can do:
 
IHere is what you can do in a very simple way, in your model controller:  
```php

// In the access rules function
public function accessRules()$return_array = array();
foreach($data as $sub) {
       // Set all of your view variables in this array $return_array[] = array(         // This is the color name 'label'=>$sub['color_desc_e'], 'value'=>$sub['color_id'], 'id'=>$sub['color_id'],         // This is the line containing the full path to the thumb image
'img' => Yii::app()->request->baseUrl.Yii::app()->params["colorUploadUrl"].$sub['color_img']
);```

In your view file _In my case it was _form_:
```php

<?php
$this->widget('zii.widgets.jui.CJuiAutoComplete', array(```

Check the comments inlinside the code, that's it !
 
 
 
Sources: 
 
 
[Your text to link here...](http://qadrio.wordpress.com/2012/02/09/how-to-customize-appearance-of-cjuiautocomplete-in-yii/ "How to customize appearance of CJuiAutoComplete in Yii")
 
[Your text to link here...](http://www.yiiframework.com/wiki/217/custom-autocomplete-display-and-value-submission "http://www.yiiframework.com/wiki/217/custom-autocomplete-display-and-value-submission")