【问题标题】:How can I change input type of Yii CJuiAutoComplete?如何更改 Yii CJuiAutoComplete 的输入类型?
【发布时间】:2014-05-09 12:42:44
【问题描述】:

我是 Yii 的新手,我已经能够使用 CJuiAutoComplete 进行自动完成。

我有两个问题:

  1. 默认情况下,输入框的类型为text。如何将类型更改为search
  2. 默认情况下,它使用 jQuery UI CSS 样式。我怎样才能放弃它并使用我自己的样式?

    $this->widget('zii.widgets.jui.CJuiAutoComplete', array(
        'model' => $myModel,
        'attribute' => 'name',
        'source' => Yii::app()->createUrl('search/autocomplete'),
        'options' => array(
            'minLength' => '2',
            'showAnim' => 'fold',
            'select' => 'js: function(event, ui) {
                this.value = ui.item.value;
                $("#item_id").val(ui.item.id);
                return false;
            }',
        ),
        'htmlOptions' => array(
            'maxlength' => 50,
            'type' => 'search' // <- This didn't work
        ),
    ));
    

【问题讨论】:

    标签: jquery css jquery-ui yii autocomplete


    【解决方案1】:

    2) 为此,您可以使用 cssFile 属性指定 css 文件,默认为“jquery-ui.css”,您可以更改为您自己的文件;有关更多详细信息,请参阅此文档 见http://www.yiiframework.com/doc/api/1.1/CJuiWidget#cssFile-detail

    【讨论】:

    • 1) 你错了。使用type="search" 没问题。请参阅小提琴示例:jsfiddle.net/TJc8z/1。我想使用search,因为我正在使用 HTML5。 2)啊,谢谢:)
    • 很好 1) stackoverflow.com/a/9173119/1900483;也许它的 jui 版本有所不同?
    • 没有。首先,他们使用 jQuery Mobile。其次,该职位已有2年历史。所以这不再是问题了。但问题是如何更改 Yii 创建的输入类型:)
    • 搜索电话和号码字段仅从 yii 1.1.14 开始支持,使用的是什么版本?见yiiframework.com/doc/api/1.1/CHtml#activeSearchField-detail
    猜你喜欢
    • 1970-01-01
    • 2014-05-06
    • 1970-01-01
    • 1970-01-01
    • 2017-12-28
    • 2022-07-01
    • 2014-04-27
    • 2011-04-02
    相关资源
    最近更新 更多