如何在yii2网格视图筛选列中添加jui自动完成

Question

我正在尝试在yii2网格视图中添加jquery ui自动完成小部件，在网格视图过滤器列中使用此代码...

'filter' => AutoComplete::widget([
'model' => $searchModel,
'attribute' => 'site_id',
'clientOptions' => [
    'minLength' => 3,
    'autoFill' => true,
    'source' => new JsExpression('
        function(request, response) {
            jQuery.getJSON("'.Url::to(['site/search']).'",
            {query: request.term}, function(data) {
                var suggestions = [];
                jQuery.each(data, function(index, ele) {
                    suggestions.push({
                        label: ele.name,
                        value: ele.id
                    });
                });
                response(suggestions);
            });
        }'),
    'select' => new JsExpression('
        function(event, ui) {
            jQuery("#'.Html::getInputId($searchModel, 'site_id').'")
                .val("ui.item.value");
            jQuery("#'.Html::.'").yiiGridView("applyFilter");
        }')
],

])，

如何为此筛选器列添加html隐藏输入元素，以发送带有网格筛选器查询的“site_id”，并将jui自动完成小部件标签显示为“name”。当前在过滤器列上显示'site_id‘(例如2)。

Answer 1

我只是在自动完成小部件之后添加了. Html::hiddenInput('site_id', '')。