CJuiAutoComplete 在用户输入时可以根据用户输入的前几个字符自动提示用户可以输入的文字,它封装了 JUI autocomplete插件,基本用法如下.

controller层代码如下:

1. class SiteController extends Controller 
2.  
3. { 
4.  
5.  public function actionIndex() 
6.  
7.  { 
8.  
9.  $data=array(‘Nanjing’, ‘Beijing’, ‘Perth’, 
10.  
11. ‘Chicago’,'Paris’,'Pengnai’,'Sydney’); 
12.  
13.  $this->render(‘index’, array( 
14.  
15.  ‘data’ => $data, 
16.  
17.  )); 
18.  
19.  } 
20.  
21. } 

view层代码如下:

1. <?php 
2.  
3. $this->widget(‘zii.widgets.jui.CJuiAutoComplete’, array( 
4.  
5. ‘name’=>’city’, 
6.  
7. ’source’=>$data, 
8.  
9. ‘options’=>array( 
10.  
11.  ‘minLength’=>’1′,//设置文本框中有最少有几个字符的时候开始提示 
12.  
13.  ), 
14.  
15.  ‘htmlOptions’=>array( 
16.  
17.  ’style’=>’height:20px;’ 
18.  
19.  ), 
20.  
21. )); 
22.  
23. ?> 

Tags: AutoComplete 自动提示实例

分享到：