Jquery Tagit UI:如何在autocomplete上显示标记名,并选择但发送标记Id
我使用的是最新的Tagit UI。我从一个带有JSON数组的API中提取,并构建了一个搜索功能。我想通过在url中填充TagId来按TagId搜索。我可以让它工作,但标签的显示值是标签Id,而不是“名称”字段中所需的文本。键入(AutoComplete)和选择标记但在提交搜索表单时发送“Id”字段信息时,如何显示JSON数组的名称字段 谢谢 下面是tagit初始化。我首先调用数组,然后运行tagit脚本Jquery Tagit UI:如何在autocomplete上显示标记名,并选择但发送标记Id,jquery,json,jquery-ui,autocomplete,tag-it,Jquery,Json,Jquery Ui,Autocomplete,Tag It,我使用的是最新的Tagit UI。我从一个带有JSON数组的API中提取,并构建了一个搜索功能。我想通过在url中填充TagId来按TagId搜索。我可以让它工作,但标签的显示值是标签Id,而不是“名称”字段中所需的文本。键入(AutoComplete)和选择标记但在提交搜索表单时发送“Id”字段信息时,如何显示JSON数组的名称字段 谢谢 下面是tagit初始化。我首先调用数组,然后运行tagit脚本 // Tag It //load the array first $(function (r
// Tag It
//load the array first
$(function (request, response) {
var tagId;
$.ajax({
dataType: "json",
data: { term: request.term },
type: 'GET',
contentType: 'application/json; charset=utf-8',
crossDomain: true,
cache: true,
url: '/Api/Tags/StartsWith',
success: function (data) {
var tagsArray = $.map(data, function (item) {
return {
label: item.Name,
value: item.Id,
}
});
$('.tagit-tags').tagit({
availableTags: tagsArray,
allowSpaces: true,
singleFieldNode: 'Id',
placeholderText: 'Search by Tag',
autocomplete: {
source: tagsArray,
minLength: 1,
delay: 0,
select: function (event, ui) {
$('.tagit-tags').val(ui.item.Name);
}
}
});
},
});
});