autocomplete - Yii CJuiAutoComplete默认显示值并在单击时清除它

Question

我在CJuiAutoComplete下面，并且在加载时希望在文本字段中显示“搜索”，然后单击以清除。我尝试在选项下使用“值”，但无法使其正常工作。谢谢你的帮助

也尝试过
'htmlOptions'=>array('value'=>'Search',)

<?php

$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
    'name'=>'test1',
   'source'=>'js: function(request, response) {
       $.ajax({
           url: "'.$this->createUrl('myAutoComplete/autoCompleate').'",
           dataType: "json",
           data: {
               term: request.term,
               brand: $("#type").val()
           },
           success: function (data) {
                   response(data);
           }
       })
    }',

     'options' => array(
                    'showAnim' => 'fold',
                    'select' => 'js:function(event, ui){ alert(ui.item.value) }',
                    'click'=>'js:function( event, ui ) {
                          alert("test");
                                    return false;
                                }',
     ),
    'htmlOptions'=>array('value'=>'Search',)
));
?>

问候

更新

直接将'value'=>'Search'有效。

检查点击处理程序

基兰

Answer 1

您可以做的是给窗口小部件指定一个ID，然后将onClick事件放置在窗口小部件的htmlOptions中，然后使用JavaScript清除该值。

$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
    'id'  => 'test1_id',
    'name'=> 'test1',
    'source'=>'js: function(request, response) {
    $.ajax({
        url: "'.$this->createUrl('myAutoComplete/autoCompleate').'",
        dataType: "json",
        data: {
            term: request.term,
            brand: $("#type").val()
        },
        success: function (data) {
            response(data);
        }
    })
}',
'options' => array(
    'showAnim' => 'fold',
    'select' => 'js:function(event, ui){ alert(ui.item.value) }',
),
'htmlOptions' => array(
    'onClick' => 'document.getElementById("test1_id").value=""'
)
));

您不能将 onClick放在 options属性中，因为这些是 CJuiAutocomplete的jQuery选项，而 JUI Autocomplete options中未定义 onClick。

干杯