Я использую Select2 для управления большими списками данных. Пользователи выразили желание вставить список в поле Select2, чтобы сразу выбрать различные элементы, а не вручную вводить и сопоставлять каждый элемент в списке.
Я попытался использовать tokenSeparators
для разделения элементов в списке. Это и демонстрация на токенах в документации заставляют меня поверить, что то, что я надеюсь сделать, возможно, но до сих пор я не испытывал никакой радости.
Код, который я использую для создания экземпляра Select2, это:
$('input').select2({
width: 'element',
matcher: function (term, text) {
return text.toUpperCase().indexOf(term.toUpperCase()) === 0;
},
minimumInputLength: 3,
multiple: true,
data: tagList, // tagList is an array of objects with id & text parameters
placeholder: 'Manage List',
initSelection: function (element, callback) {
var data = [];
$.each(function () {
data.push({id: this, text: this});
});
callback(data);
},
tokenSeparators: [',', ', ', ' ']
});
Просто, чтобы прояснить, во всех остальных отношениях работает поле select2. Просто так, что при вставке списка в поле ничего не сопоставляется. Я хотел бы проверить все элементы в вставленном списке. Возможно ли это, и если да, то как?
Изменить: Я пробовал следующий код, но он не работает:
$('body').on('paste', '#s2id_list-unitids .select2-input', function () {
var that = this;
setTimeout(function () {
var tokens = that.value.split(/[\,\s]+/);
$('#list-unitids').val(tokens, true);console.log($('#list-unitids').select2('val'));
}, 1);
});
И вот скрипка, которую я создал: http://jsfiddle.net/KCZDu/.