У меня есть выпадающий список, где после ввода 2 или более символов он начинает поиск в базе и возвращает значения. если ничего не ищется, я хочу, чтобы пользователь мог добавить этот тег как новый. вот мой код пока
$("#tags,#TagId").select2(
{
allowClear: true,
ajax: {
url: "/Entry/ReadSelect2DataMulti",
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term,
page: params.page || 1
};
},
processResults: function (data, params) {
params.page = params.page || 1;
return {
results: data
};
},
cache: true,
error: function (xhr, textStarus, error) {
}
},
minimumInputLength: 2,
placeholder: "აირჩიეთ პოზიცია",
templateResult: function (state) {
var result = '<div class="pos-template">' + '<span title=""><b>' + state.text + '</b></span>';
if (state.content != null && state.content != '') {
var tags = state.content.split(",");
for (i = 0; i < tags.length; i++) {
result = result + '<span class="pos-tag">' + tags[i] + '</span>';
}
} else {
}
result = result + '</div></div>';
return $(result);
},
createSearchChoice: function (term, data) {
if ($(data).filter(function () {
return this.text.localeCompare(term) === 0;
}).length === 0) {
return { id: term, text: term };
}
},
language: {
noResults: function () {
return "პოზიცია ვერ მოიძებნა";
},
inputTooShort: function () {
return "შეავსეთ მინიმიმ 2 სიმბოლო";
},
loadingMore: function () {
return 'იტვირთება...';
},
searching: function () {
return 'იფილტრება...';
}
}
}
);
Но этот createSearch ничего не делает.
<div class="form-group">
<select multiple="multiple" class="form-control" id="tags" style="width: 400px;"></select>
</div>
это моя часть div. какие-либо предложения ?