Yii Select2实时手动输入查询

最新推荐文章于 2023-09-15 17:16:01 发布

LilyMM_123

最新推荐文章于 2023-09-15 17:16:01 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： php yii2 文章标签： yii php

本文链接：https://blog.youkuaiyun.com/u011299210/article/details/53305567

php 同时被 2 个专栏收录

17 篇文章

订阅专栏

yii2

3 篇文章

订阅专栏

这篇博客介绍了在Yii框架中使用Select2组件进行实时手动输入查询用户的方法，包括两种实现策略。在View.php和Controller.php中进行了关键代码配置。

之前在工作中遇到了问题，我要实时手动输入筛选查询用户，有两种实现方式

方式一：

<?= $form->field($model, 'companies_company_id')->widget(Select2::classname(), [
    'data' => ArrayHelper::map(Companies::find()->all(),'company_id','company_name'),
    'language' => 'en',
    'options' => ['placeholder' => 'Select a state ...'],//直接在这个地方加入数组
    'pluginOptions' => [
        'allowClear' => true
    ],
]); ?>

这种方式只适合小范围的数组筛选，如果这个数据超大，查询时会出现卡顿的现象，用户体验非常差，建议用ajax实时查询结果。就是下面介绍的重点：

方式二：

View.php

<?= $form->field($model, 'borrowid')->widget(kartik\select2\Select2::className(), [
    'options' => ['placeholder' => '请输入用户真实姓名 ...'],
    'pluginOptions' => [
        'allowClear' => true,
        'minimumInputLength' => 1,//重要
        'language' => [
            'errorLoading' => new JsExpression("function () { return 'Waiting...'; }"),
        ],
        'ajax' => [
            'url' => '/borsroswer/search',
            'dataType' => 'json',
            'data' => new JsExpression('function(params) { return {q:params.term}; }'),
            'cache' => true
        ],
        'width' => '400px',
        'escapeMarkup' => new JsExpression('function (markup) { return markup; }'),
        'templateResult' => new JsExpression('function(res) { return res.text; }'),
        'templateSelection' => new JsExpression('function (res) { return res.text; }'),
    ],
]);
?>

Controller.php

public function actionSearch(){
    $q = Yii::$app->request->get('q');
    Yii::$app->response->format = Response::FORMAT_JSON;//响应数据格式为json
    $out = ['results' => ['id' => '', 'text' => '']];
    if (!$q) {
        return $out;
    }

    $data = User::find()
        ->select('user.userId, user.realname,user.cardId,ab.status')
        ->leftJoin('account_bank ab','ab.userId=user.userId')
        ->andFilterWhere(['like', 'user.realname', $q])
        ->limit(50)
        ->asArray()
        ->all();
    $out['results'] = array_map([$this, 'format'],$data);

    return $out;
}

private function format($data){
    $result = [];
    $result['id'] = $data['userId'];
    $result['text'] = '['.$data['userId'].']['.$data['realname'].']['.$data['cardId'].']';
    return $result;
}