PHP開發框架Yii Framework教程(34) Zii組件-AutoComplete示例

CJuiAutoComplete 在用戶輸入時可以根據用戶輸入的前幾個字符自動提示用戶可以輸入的文字。它封裝了 JUI autocomplete插件。

基本用法如下

<?php
$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
	'name'=>'city',
	'source'=>$data,
	// additional javascript options for the autocomplete plugin
	'options'=>array(
				'minLength'=>'2',
				),
			'htmlOptions'=>array(
				'style'=>'height:20px;'
				),
			));
 
?>

自動提示的數據源通過配置source屬性來完成，實際應用時可以通過讀取數據庫，文件等。本例為簡單起見，使用一 個數組定義在SiteController中。

public function actionIndex()
{
 
	$data=array('Nanjing', 'Beijing', 'Perth',
		'Chicago','Paris','Pengnai','Sydney');
 
	$this->render('index', array(
		'data' => $data,
 
			));
}

本例下載：http://www.imobilebbs.com/download/yii/JuiAutoCompleteDemo.zip