Yii Framework Wiki
Difference between
#3 and
#4 of
How to display images in CJuiAutoComplete without extenstions
Revision #4 has been created by Asmaa on Oct 9, 2014, 10:04:36 PM with the memo:
Adding resources
« previous (#3) next (#5) »
Changes
Title unchanged
How to display images in CJuiAutoComplete without extenstions
Category unchanged
Tutorials
Yii version unchanged
Tags unchanged
CJuiAutoComplete, ajax, jquery
Content changed
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
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_:
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")
I
```php
// In the access rules function
[...]
$return_array = array();foreach($data as $sub) {
'img' => Yii::app()->request->baseUrl.Yii::app()->params["colorUploadUrl"].$sub['color_img']
);
[...]
```In your view file _In my case it was _form_:
[...]
```Check the comments in
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")
2 followers
Viewed: 13 322 times
Version: 1.1
Category: Tutorials
Written by: Asmaa
Last updated by: samdark
Created on: Oct 9, 2014
Last updated: 5 years ago
Revisions
View all history-
5 years ago by
samdark Set version
-
10 years ago by
Asmaa Adding resources
-
10 years ago by
Asmaa modifying text