Yii CJuiAutoComplete显示一个自动完成框

最新推荐文章于 2021-10-19 16:57:34 发布

原创最新推荐文章于 2021-10-19 16:57:34 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#yii

Yii 专栏收录该内容

38 篇文章

订阅专栏

本文介绍如何利用Yii框架中的CJuiAutoComplete小部件实现输入框自动补全功能。通过配置文本框名称、数据源及最小查询长度等参数，可快速创建自动补全组件。

$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
    'name'=>'username', //文本框的名称
    'source'=>array('ac1', 'ac2', 'ac3','efg','hij','hop','mnk',), //查询的资源
    'options'=>array(
        'minLength'=>'1', //设置查询的字符 起始长度  初始的JavaScript需要传递给JUI插件的选项
    ),
    'htmlOptions'=>array(
        'style'=>'height:20px;' //对文本格式的设置 JUI组件中HTML标签的属性设置
    ),
));

效果图