鍵入菜單中的分隔符？

我不確定我們是否已經使用單個數據源在打開菜單中顯示分頁器。我嘗試了多種組合，試圖尋找解決方案，但無法獲得任何解決方案。鍵入菜單中的分隔符？

更多類似下面的屏幕截圖，我已經從單個源此數據爲：

['US: channel1', 'US: channel2', 'US: channel3', 'US: channel4', 'US: channel5', 'CA: channel1', 'CA: channel2']

在上面的數據，我想後美國顯示一個分離器基於信道，然後示出了CA信道的選擇。

我可以更新數據源如果需要的話用於示出分離器到多dimenational陣列或任何其他定製。或者，在typeaheadjs範圍之外的任何其他方式。

請幫我找一個工作解決方案。

來源

2016-08-23 Bijoy Anupam

我想我會回答我的問題。這是如何做到的。

我插入了一個空白值，將被替換爲分隔符。

['US: channel1', 'US: channel2', 'US: channel3', 'US: channel4', 'US: channel5', '', 'CA: channel1', 'CA: channel2']

要插入空白數據，我們可能必須使用單數據源的多維數組。

，並使用typeahead:render事件typeaheadjs的，我不得不處理，如下圖所示：

$(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>'); 
     } 
    }); 
});

jsfiddle link與工作的例子。

來源

2016-08-25 11:03:56

鍵入菜單中的分隔符？

回答

相關問題