Yii2:Jui自动完成小工具如何 - Yii2: Jui Auto Complete Widget how to?

Yii2: Jui Auto Complete Widget how to?

本文关键字：工具 Jui Yii2 | 更新日期: 2023-09-27

我正在尝试使用yii2 Jui自动完成小部件。

我有这个代码，它正确地显示了自动完成日期，但我无法保存数据。

$data=ArrayHelper::map(State::find()->all(), 'id', 'state_name' );
$data=array_merge($data);

然后

echo 'State' .'<br>';
  echo AutoComplete::widget([
    'model'=>$model,
    'attribute' => 'state_id',     
    'clientOptions' => [
        'source' => $data,        
    ],
]);

任何解决方案都将不胜感激。谢谢

好的，我找到了解决方案，它是这样的：

use yii'jui'AutoComplete;
use yii'web'JsExpression;

然后：

$data = State::find()
    ->select(['state_name as value', 'state_name as  label','id as id'])
    ->asArray()
    ->all();

然后

echo 'State' .'<br>';
  echo AutoComplete::widget([
    'name' => 'State',    
    'id' => 'ddd',
    'clientOptions' => [
        'source' => $data, 
        'autoFill'=>true,
         'select' => new JsExpression("function( event, ui ) {
        $('#city-state_name').val(ui.item.id);//#City-state_name is the id of hiddenInput.
     }")],
     ]);

最后：

<?= Html::activeHiddenInput($model, 'state_name')?>

仅此而已。希望有人会发现它有用。谢谢