Question

YII新手。我必须从CJuiAutoComplete Field中选择加载一个带有AJAX调用的页面。

<?php
     echo CHtml::label(Yii::t('location', 'PLZ'), 'GeoData_plz'); 
    ?>
    </td><td>

    <?php 

    $this->widget('zii.widgets.jui.CJuiAutoComplete', array(
        'name' => 'GeoData[plz]',
        'source' => 'js:function(request, response) {getAutoCompleteData("plz", response);}',
        'options' => array(
            'minLength' => '0',
        ),

        'htmlOptions' => array(
            'size' => 8,
            'maxlength' => 15,
            'class'=>'addrChange'
        ),
        'value' => $model->geo_data->plz));
    ?>

我尝试在htmlOptions中添加onSelect不同的plz（作为提交但是）但它不起作用，这里我只想在数据库中提交plz以下选择不同的plz是代码。

    echo CHtml::label(Yii::t('location', 'PLZ'), 'GeoData_plz'); ?></td><td><?php $this->widget('zii.widgets.jui.CJuiAutoComplete', array(
'id'  => 'GeoData_plz',
'name' => 'GeoData[plz]',
'source' => 'js:function(request, response)  {
getAutoCompleteData("plz", response);
}',
'options' => array(
    'minLength' => '0',
    //'select' => 'js:function(event, ui){ alert(ui.item.value) }',
),

'htmlOptions' => array(
    'size' => 8,
    'maxlength' => 15,
    'class'=>'addrChange',
    'onSelect' => 'CHtml::ajax({
    url: "'.$this->createUrl('location/getAddressTabContent').'",
    dataType: "json",
    data: {
                    loc_id: ' . $model->id . '
                },
    success: function(data) {
                    $("#addressBricks").html(data.brick_table);
                }
})'
),
'value' => $model->geo_data->plz
));

感谢您的回复，但在这里我只是想提交数据，我使用了您提供的代码，但它无法正常工作

$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
          'model'=>$model,
          'attribute'=>'GeoData[plz]',
          'source'=>'js: function(request, response) {
                                        getAutoCompleteData("plz", response);

                                        $.ajax({
                                                url: "'.$this->createUrl('location/getAddressTabContent').'",
                                                dataType: "json",
                                                data: {
                                                       loc_id: ' . $model->id . '
                                                      },
                                                success: function (data) {
                                                       $("#addressBricks").html(data.brick_table);
                                                }
                                              })
                                        }',
           'options'=>array(
                            'delay'=>300,
                            'minLength'=>0,
                            'select'=>'js:function(event, ui) { 
       $.ajax({
       type:"POST",
       url:  "' . $this->createUrl('location/getAddressTabContent'') . '",
       data: {selected: ui.item.value},
       success:function(data) {$("#addressBricks").html(data.brick_table);}
       });}'
                           ),
           'htmlOptions' => array(
                            'size' => 8,
                            'maxlength' => 15,
                            'class'=>'addrChange',
                            'value' => $model->geo_data->plz,
                            'id'  => 'GeoData_plz',
                           ),

））;

Answer 1

它位于选项数组中，而不是在htmlOptions中：

'options'=>array(
.....
   'select'=>'js:function(event, ui) {
        //your ajax request here
        //use $.ajax() 
        //your selected item = ui.item.id
   }

希望这会有所帮助。

Answer 2

我已经编辑了你的小部件。只需使用此小部件即可使其正常工作。

$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
              'model'=>$model,
              'attribute'=>'GeoData[plz]',
              'source'=>'js: function(request, response) {
                                            $.ajax({
                                                    url: "'.$this->createUrl('location/getAddressTabContent').'",
                                                    dataType: "json",
                                                    data: {
                                                           loc_id: ' . $model->id . '
                                                          },
                                                    success: function (data) {
                                                           $("#addressBricks").html(data.brick_table);
                                                    }
                                                  })
                                            }',
               'options'=>array(
                                'delay'=>300,
                                'minLength'=>1,
                               ),
               'htmlOptions' => array(
                                'size' => 8,
                                'maxlength' => 15,
                                'class'=>'addrChange',
                                'value' => $model->geo_data->plz,
                                'id'  => 'GeoData_plz',
                               ),
 ));

CJuiAutoComplete onSelect不工作 - YII

2 个答案: