Kendo ui 将剑道UI自动完成的选定结果的ID保留在隐藏输入中
我写这段代码是为了使用剑道UI自动完成。我需要在文本框中显示所选结果的标题,并将if保存在一些隐藏的输入中,我如何才能获得id。似乎选择不起作用Kendo ui 将剑道UI自动完成的选定结果的ID保留在隐藏输入中,kendo-ui,Kendo Ui,我写这段代码是为了使用剑道UI自动完成。我需要在文本框中显示所选结果的标题,并将if保存在一些隐藏的输入中,我如何才能获得id。似乎选择不起作用 $("[data-autocomplete]").each(function () { var luurl = $(this).attr('data-lookupurl'); var thisElemt = $(this); $(this).kendoAutoComplete({
$("[data-autocomplete]").each(function () {
var luurl = $(this).attr('data-lookupurl');
var thisElemt = $(this);
$(this).kendoAutoComplete({
minLength: 3,
separator: ", ",
dataTextField: "title",
select: function (e) {
var selectedOne = this.dataItem(e.item.Index());
console.log(kendo.stringify(selectedOne));
},
dataSource: new kendo.data.DataSource({
serverFiltering: true,
serverPaging: true,
pageSize: 20,
transport: {
read: luurl,
dataType: "json",
parameterMap: function (data) {
return { title: thisElemt.val() };
},
schema: {
model: {
id: "id",
fields: {
id: { type: "id" },
title: { type: "string" }
}
}
}
}
})
});
});
有一个输入错误,您应该使用:e.item.index而不是e.item.index索引是小写的 因此,选择功能将是:
select : function (e) {
var selectedOne = this.dataItem(e.item.index());
console.log(kendo.stringify(selectedOne));
},
有一个输入错误,您应该使用:e.item.index而不是e.item.index索引是小写的 因此,选择功能将是:
select : function (e) {
var selectedOne = this.dataItem(e.item.index());
console.log(kendo.stringify(selectedOne));
},
您可以使用脚本
<script>
$(document).ready(function () {
$("#categories").change(function () {
var url = '@Url.Content("~/")' + "Limitations/ThanaByDistrict_SelectedState";
var ddlsource = "#categories";
var ddltarget = "#target";
$.getJSON(url, { Sel_StateName: $(ddlsource).val() }, function (data) {
$(ddltarget).empty();
$(ddltarget).val(data);
});
});
});
</script>
有关详细信息,请参见此您可以使用脚本
<script>
$(document).ready(function () {
$("#categories").change(function () {
var url = '@Url.Content("~/")' + "Limitations/ThanaByDistrict_SelectedState";
var ddlsource = "#categories";
var ddltarget = "#target";
$.getJSON(url, { Sel_StateName: $(ddlsource).val() }, function (data) {
$(ddltarget).empty();
$(ddltarget).val(data);
});
});
});
</script>
有关详细信息,您可以看到以下内容,更简单的方法是:
var autocomplete = $("#autoCompleteId").data("kendoAutoComplete");
console.log(autocomplete.listView._dataItems[0]);
您可以访问autocomplete.listView中的选择数据项。\u dataItems[0]对象,更简单的方法是:
var autocomplete = $("#autoCompleteId").data("kendoAutoComplete");
console.log(autocomplete.listView._dataItems[0]);
您可以访问autocomplete.listView中的选择数据项。\u dataItems[0]对象