8

Jquery Ui オートコンプリートを使用して Bootstrap Tokenfieldを実装しようとして いますが、これまでのところ、入力フィールドの重複を防ぐことができないという事実を除いてそれを行うことができたので、残念ながらユーザーは同じ値を 2 回選択できます。

私の検索では、Bootstrap Tokenfield には重複を防ぐ方法があることがわかりました。ただし、Jquery Ui ではなく Twitter の先行入力に対応しているように見えるため、自分のコードに適用する方法がわかりません。

Jquery Ui autocomplete を使用して Bootstrap TokenField との重複を防ぐにはどうすればよいですか?

これは、jquery ui autocomplete に基づく Bootstrap TokenField コードです

$('.tokenfield').tokenfield({
  autocomplete: {
    source: [
    {
        "id": "1",
        "value": "Ferdine Faithfull" 
    },
    {
        "id": "2",
        "value": "John Carta" 
    },
    {
        "id": "3",
        "value": "Mezane Smith" 
    }
    ],

    delay: 100
  },
  showAutocompleteOnFocus: true
});

以下は、重複を防ぐためにGithubで見つけたものですが、Typehead用だと思います

$('#my-tokenfield').on('tokenfield:createtoken', function (event) {
    var existingTokens = $(this).tokenfield('getTokens');
    $.each(existingTokens, function(index, token) {
        if (token.value === event.attrs.value)
            event.preventDefault();
    });
});
4

3 に答える 3