単一のデータソースを使用してタイプオーバーメニューにsepratorを表示する方法が既にあるかどうかはわかりません。私は複数の組み合わせを試して、解決策を探してみましたが、何も得られません。私は米国の後に基づいて、チャンネルを、セパレータを表示し、CAのチャネル・オプションを表示したい、上記のデータで先行メニューのセパレータ？
['US: channel1', 'US: channel2', 'US: channel3', 'US: channel4', 'US: channel5', 'CA: channel1', 'CA: channel2']
：以下のスクリーンショットのような、より
、私は単一のソースからこのデータを持っています。
セパレータを示すために必要な場合、私は、マルチdimenationalアレイまたは他の任意のカスタマイズへのデータソースを更新することができます。または、typeaheadjsの範囲外の他の方法。
解決策を見つけるのを手伝ってください。
私は私の質問に答えるつもりです。これはどうだった。
セパレータとして置き換えられる空白の値を挿入しました。
['US: channel1', 'US: channel2', 'US: channel3', 'US: channel4', 'US: channel5', '', 'CA: channel1', 'CA: channel2']
空のデータを挿入するには、単一のデータソースから多次元配列を使用する必要があります。以下に示すように
そして、typeaheadjsのtypeahead:renderイベントを使用するには、私が処理するために持っていた：実施例と
$(input).bind('typeahead:render', function (e) {
var currentInput = $(e.target),
options;
options = $(currentInput).closest('.column-filter').find('.tt-suggestion');
$(options).each(function (index, element) {
if (!$(element).text().trim().length) {
$(element).replaceWith('<hr>');
}
});
});