繁体   English   中英

如何在yii2中将小部件kartik select2与ajax和模板一起使用

[英]How to use widget kartik select2 with ajax & templates in yii2

我想在搜索时显示1条以上的信息,所以我使用select2 ajax和模板。 它使用json。 我更改了网址,并在控制器上执行了功能。 但是我有一个问题。 它什么也不能显示。 有什么问题? 这是我的代码: 视图

$formatJs = <<< 'JS'
 var formatProduct = function (product) {
   if (product.loading) {
    return product.text;
   }
 var markup =
    '<div class="row">' + 
      '<div class="col-sm-5">' +
        '<b style="margin-left:5px">' + product.name + '</b>' + 
      '</div>' +
      '<div class="col-sm-3"><i class="fa fa-code-fork"></i> ' + product.ean_no + '</div>' +
      '<div class="col-sm-3"><i class="fa fa-star"></i> ' + product.desc + '</div>' +
    '</div>';
    return '<div style="overflow:hidden;">' + markup + '</div>';
  };
  var formatProductSelection = function (product) {
    return product.name || product.text;
  }
JS;

// Register the formatting script
$this->registerJs($formatJs, \yii\web\View::POS_HEAD);

// script to parse the results into the format expected by Select2
$resultsJs = <<< JS
    function (data, params) {
       params.page = params.page || 1;
        return {
            // Change `data.items` to `data.results`.
            // `results` is the key that you have been selected on
            // `actionJsonlist`.
            results: data.results
        };
    }
JS;

选择2

echo Select2::widget([
        'name' => 'kv-repo-template',
        'value' => '14719648',
        'initValueText' => 'kartik-v/yii2-widgets',
        'options' => ['placeholder' => 'Search for a repo ...'],
        'pluginOptions' => [
            'allowClear' => true,
            'minimumInputLength' => 1,
            'ajax' => [
                'url' => Url::to(['/bom/product/productlist']),
                'dataType' => 'json',
                'delay' => 250,
                'data' => new JsExpression('function(params) { return {q:params.term, page: params.page}; }'),
                'processResults' => new JsExpression($resultsJs),
                'cache' => true
            ],
            'escapeMarkup' => new JsExpression('function (markup) { return markup; }'),
            'templateResult' => new JsExpression('formatProduct'),
            'templateSelection' => new JsExpression('formatProductSelection'),
        ],
    ]); 

控制者

public function actionProductlist($search = NULL, $code = NULL)
{
    header('Content-type: application/json');
    $clean['more'] = false;

    $query = new \yii\db\Query;
    if(!is_Null($search))
    {
        $mainQuery = $query->select('code, name, description, volume')
                           ->from('product');
        $command = $mainQuery->createCommand();
        $rows = $command->queryAll();
        $clean['results'] = array_values($rows);
    }
    else
    {
        if(!is_null($code))
        {
            $clean['results'] = ['ean_no'=> $code, 'name' => Product::find($code)->nama,
                'description' => Product::find($code)->description, 'volume' => Product::find($code)->volume];
        }else
        {
            $clean['results'] = ['ean_no' => 123, 'name' => 'None found', 'description' => 'None found', 'volume' => 'None found'];
        }
    }
    echo \yii\helpers\Json::encode($clean);
    exit();
}

当我打开检查元素控制台时,在mozilla上。 有这样的错误信息:

TypeError:data.slice不是函数S2

尝试删除

'processResults' => new JsExpression($resultsJs),

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM