2016-11-20 90 views
0

我正在使用Yii2的kartik的TypeAhead Widget(http://demos.krajee.com/widgets#typeahead-basic)。我把所有的代码都放在一个例子中,但它不起作用。怎么了? 在同一页上,我也用的FileInput部件(http://demos.krajee.com/widget-details/fileinput),它工作正常Yii Widget Kartik TypeAhead不起作用

在会谈摘要,我有:

use kartik\typeahead\TypeaheadBasic; 
$data = ['Alabama', 'Alaska', 'Arizona', 'Arkansas']; 

<link href="/vendor/kartik-v/yii2-widget-typeahead/assets/css/typeahead.min.css" media="all" rel="stylesheet" type="text/css"/> 
<script src="/vendor/kartik-v/yii2-widget-typeahead/assets/js/typeahead.jquery.min.js" type="text/javascript"></script> 

<?= $form->field($model, 'field')->widget(TypeaheadBasic::classname(), [ 
      'data' => $data, 
      'pluginOptions' => ['highlight' => true], 
      'options' => ['placeholder' => 'Filter as you type ...'], 
     ])->label('Label') ?> 
+0

你的页面有没有JavaScript错误?用萤火虫检查 – yafater

回答

0

可能是你需要一个数据集这样

<?= $form->field($model, 'field')->widget(TypeaheadBasic::classname(), [ 
       //'data' => $data, 
       'pluginOptions' => ['highlight' => true], 
       'dataset' => [ 
           [ 
            'local' => $data, 
            'limit' => 10 
           ] 
          ], 
       'options' => ['placeholder' => 'Filter as you type ...'], 

      ])->label('Label') ?> 
+0

我也试过这种方法,但都没有工作 –