Tokenfield - 只允許令牌從源頭

Question

我試圖使用Tokenfield插件 - http://sliptree.github.io/bootstrap-tokenfield

我怎樣才能限制只使用從源頭令牌？

$('#tokenfield_platform').tokenfield({ 
autocomplete: { 
source: [ 
     {% for platform_item in platforms %} 
     '{{ platform_item }}', 
    {% endfor %} 
], 
delay: 100 
}, 
createTokensOnBlur:true, 
showAutocompleteOnFocus: true 
}).on('tokenfield:createtoken', function (event) { 
    var existingTokens = $(this).tokenfield('getTokens'); 
    $.each(existingTokens, function(index, token) { 
    if (token.value === event.attrs.value) 
     event.preventDefault(); 
    }); 
    //var available_tokens = bloodhound_tokens.index.datums; 
    // I do not want to use Twitter Typeahead, but only tokens from source 
    var exists = true; 
    $.each([available_tokens, function(index, token) { 
    if (token.value === event.attrs.value) 
     exists = false; 
    }); 
    if(exists === true) 
    event.preventDefault(); 
}); 

感謝您的任何信息。

Answer 1

使用監聽器tokenfield：createtoken您可以在創建令牌之前對其進行驗證。

信息：http://sliptree.github.io/bootstrap-tokenfield/#events

$('#tokenfield_platform').on('tokenfield:createtoken', function (event) { 
    var exists = false; 
    $.each(yourSource, function(index, value) { 
      if (event.attrs.value === value) { 
       exists = true; 
      } 
    }); 
    if(!exists) { 
      event.preventDefault(); //prevents creation of token 
    } 
});