jquery.textcomplete.jsの結果リストを増やす方法

Question

私のプロジェクトにはjquery.textcomplete.jsを使用していますが、jquery.textcomplete.jsは正しい単語を選択できないため、わずか5リストしか生成していません。リストのサイズを5から10以上に増やす方法を教えてください。

私の言葉にスペースがある場合、たとえば「Close End Account Details」などの問題が発生した場合は、テキスト領域に「閉じる」と書いた後にスペースを空けても問題はありません。これを取り除くために私を助けてください。

以下はコードです。

$(document).ready(function() { 
    try { 
     var obj = []; 
     @{ 
      foreach (var item in Model.WholeList) 
      { 

      @:obj.push('@item.Text'); 
           } 
    } 
     $('#mytext').textcomplete([ 
     { 
      words: obj, 
      match: /\b(\w{1,})$/, 
      maxCount :10, 
      search: function (term, callback) { 
       callback($.map(this.words, function (word) { 
        return word.search(new RegExp(term, "i")) == 0 ? word : null; 
       })); 
      }, 
      index: 1, 
      replace: function (word) { 
       return ' ' + word + ' ' + ' '; 
      } 
     } 
     ]); 
    } 
    catch (Exception) { 
    } 
}); 

Answer 1

同じ問題がありましたが、機能しなかったいくつかの例を試してみました。

「jquery.textcomplete.js」ライブラリーの中でいくつかの点で、あなたは、これはあなたが好きに

maxCount:10 

変更（これがデフォルト値です）10に変数を設定する行を検索し、必要がありますあなたは大丈夫です。

BONUS：あなたは窓外出を避けるために

max-height: 300px; [or-any-other-value] 
overflow-Y: auto; 

：あなたがドロップダウンリストの多くのエントリを持つことを目指している場合は、おそらく要素にこれらのCSSルールを適用することになるでしょう範囲の。

---

注意：それはいくつかの重大な欠点があるので

このソリューションは、あなたの最後の手段でなければなりません：

1. をあなたがを再インポートする場合
2. が失われるダイナミックではありませんjQueryライブラリを更新してください。

あなたはMAXCOUNT変数を設定する適切な方法を見つけた場合は、ここでそれを共有してください:)

Answer 2

をあなたは単にMAXCOUNTを追加することができます：10または何がこれまでに下記のようにあなたは、初期化したい番号：

('textarea.content').textcomplete([ 
{ // html 
    match: /<(\w*)$/, 
    search: function (term, callback) { 
     callback($.map(elements, function (element) { 
      return element.indexOf(term) === 0 ? element : null; 
     })); 
    }, 
    index: 1, 
    replace: function (element) { 
     return ['<' + element + '>', '</' + element + '>']; 
    } 
}, 
{ // Model properties 
    id: 'availableModelNames', 
    words: availableTags, 
    match: /\@Model.(\w*)$/, 
    search: function (term, callback) { 
     callback($.map(this.words, function (word) { 
      return word.indexOf(term) === 0 ? word : null; 
     })); 
    }, 
    index: 1, 
    replace: function (word) { 
     return '@Model.' + word; 
    } 
} 
], { 
    onKeydown: function (e, commands) { 
     if (e.ctrlKey && e.keyCode === 74) { // CTRL-J 
      return commands.KEY_ENTER; 
     } 
    }, 
    maxCount: 10 
});