Bootstrap Typeahead不適用於Ajax響應

Question

我正在使用Yii Booster擴展程序，它將Twitter Bootstrap 2.3.2庫包裝到可用的Yii擴展程序中。 我有一個typeahead字段，該字段使用AJAX調用（使用jQuery的ajax()函數）獲取數據。 創建預輸入字段的代碼是：

$this->widget('bootstrap.widgets.TbTypeahead', array(
  'model'=>$expense,
  'attribute'=>'afm',
  'htmlOptions'=>array('autocomplete'=>'off'),
  'options'=>array(
    'source'=>'js:function(query, process) {
      $.ajax({url: "' . $urlAfm . '", data: {query: query}, dataType: "json" })
      .done(function(data) {
        return process(data);
      })}',
    'updater'=>'js:function(item) {
      return item;
    }',
    'highlighter'=>'js:function(item) {
      return item;
    }',
  )));

返回JSON數據的相應控制器操作為：

public function actionAjxGetAFM($query = '') {
  if (Yii::app()->request->isAjaxRequest && trim($query) != '') {
    $companies = Yii::app()->db->createCommand('SELECT name FROM company WHERE afm '
      . 'LIKE :match LIMIT 10')->queryColumn(array(':match'=>$query . '%'));
    Yii::trace(print_r(CJSON::encode($companies), true));
    echo CJSON::encode($companies);
    Yii::app()->end();
  }
  echo '0';
}

無論我嘗試了什么，輸入第一個字符后都不會出現任何列表。 我究竟做錯了什么？

控制器操作的JSON響應類似於：

["\u039b\u03bf\u03cd\u03c1\u03b4\u03b1\u03c2 \u0392\u03b1\u03c3\u03af\u03bb\u03b5\u03b9\u03bf\u03c2","\u039c\u03bf\u03c5\u03c1\u03b1\u03c4\u03af\u03b4\u03bf\u03c5 \u039c\u03b1\u03c1\u03af\u03b1","\u03a0\u03bf\u03bb\u03c5\u03c7\u03c1\u03cc\u03bd\u03b7\u03c2 \u039b\u03bf\u03cd\u03c1\u03b4\u03b1\u03c2"]

Answer 1

代替這個

'htmlOptions'=>array('autocomplete'=>'off'),

更改為

'htmlOptions'=>array('autocomplete'=>'on'),