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,

			));
}

本例下载

评论

1 楼 xiaoboo 2013-09-23