Yii2如何在Select2组件中展示两张关联表的数据？

嘿，这个需求Yii2确实提供了更简洁的方案，不用手动写SQL拼数组！咱们可以结合ActiveRecord关联和ArrayHelper来实现，完全适配你提到的kartik-v/yii2-widget-select2和2amigos/yii2-select2-widget组件，具体步骤如下：

1. 确保模型关联关系正确 #

首先在Persons模型（对应persons表）中定义与Colors模型的关联，因为一个人员对应一个颜色，用hasOne关联即可：

// models/Persons.php
namespace app\models;

use yii\db\ActiveRecord;

class Persons extends ActiveRecord
{
    // ... 其他默认代码

    /**
     * 获取关联的颜色模型
     */
    public function getColor()
    {
        return $this->hasOne(Colors::class, ['id_color' => 'id_color']);
    }
}

2. 生成Select2所需的选项数组 #

用yii\helpers\ArrayHelper::map()方法，直接从关联查询的结果中生成“值-显示文本”数组，全程不用手动写SQL：

use yii\helpers\ArrayHelper;
use app\models\Persons;

// 查询所有人员并关联颜色，同时只查询需要的字段（优化性能，避免冗余数据）
$personsWithColor = Persons::find()
    ->select(['persons.id_person', 'persons.name_person', 'colors.name_color'])
    ->joinWith('color')
    ->all();

// 生成选项数组：值为id_person，显示文本为「姓名 (颜色名)」格式
$options = ArrayHelper::map(
    $personsWithColor,
    'id_person',
    function ($model) {
        return "{$model->name_person} ({$model->color->name_color})";
    }
);

3. 在Select2组件中使用 #

对于kartik-v/yii2-widget-select2 #

use kartik\select2\Select2;

echo Select2::widget([
    'name' => 'person_id',
    'data' => $options,
    'options' => ['placeholder' => '选择人员...'],
    'pluginOptions' => [
        'allowClear' => true
    ],
]);

对于2amigos/yii2-select2-widget #

use dosamigos\select2\Select2;

echo Select2::widget([
    'name' => 'person_id',
    'data' => $options,
    'options' => ['placeholder' => '选择人员...'],
    'clientOptions' => [
        'allowClear' => true
    ],
]);

扩展：大数据量场景的远程加载方案 #

如果人员数据量很大，不想一次性加载全部，可以用Select2的AJAX模式，结合Yii2的ActiveDataProvider实现动态搜索：

1. 先写一个控制器方法返回JSON格式的人员数据：

// controllers/SiteController.php
public function actionGetPersons($q = null)
{
    $query = Persons::find()
        ->select(['id_person', 'CONCAT(name_person, " (", name_color, ")") AS text'])
        ->joinWith('color')
        ->andFilterWhere(['like', 'name_person', $q])
        ->limit(20);

    $data = $query->asArray()->all();
    return $this->asJson(['results' => $data]);
}

2. 在Select2中配置AJAX（以kartik组件为例）：

echo Select2::widget([
    'name' => 'person_id',
    'options' => ['placeholder' => '搜索人员...'],
    'pluginOptions' => [
        'allowClear' => true,
        'minimumInputLength' => 1,
        'ajax' => [
            'url' => \yii\helpers\Url::to(['site/get-persons']),
            'dataType' => 'json',
            'data' => new \yii\web\JsExpression('function(params) { return {q: params.term}; }')
        ],
    ],
]);

这种方式完全遵循Yii2的ActiveRecord规范，代码更易维护，而且比手动拼SQL数组灵活太多！

内容的提问来源于stack exchange，提问作者Roby Sottini