0
검도 UI를 처음 사용했습니다. 내 자동 완성이 헤더 템플릿을 표시하지 않는 이유를 알 수 없습니다. 행 템플릿이 정상적으로 작동합니다. 나는 example 쳐다 보면서 나는 내 자바 스크립트 코드가 여기검도 UI : 자동 완성 템플릿 헤더
다르게 뭘하는지 확실하지 않다 :
<script>
$(document).ready(function() {
$("#drug_name").kendoAutoComplete({
dataTextField: "name",
change: function (e) {
if ($("#drug_name").val() == "") {
$("#dose").val("");
$("#unit").val("");
$("#route").val("");
}
},
select: function (e) {
var dataItem = this.dataItem(e.item.index());
$("#dose").val(dataItem.dose);
$("#unit").val(dataItem.unit);
$("#route").val(dataItem.route);
//output selected dataItem
console.log(kendo.stringify(dataItem));
},
headerTemplate: '<div class="dropdown-header"><span class="k-widget k-header">Name</span><span class="k-widget k-header">Route</span><span class="k-widget k-header">Dose</span><span class="k-widget k-header">Unit</span></div>',
template: '<span class="k-state-default">#:data.name#</span><span class="k-state-default">#:data.route#</span><span class="k-state-default">#:data.dose#</span><span class="k-state-default">#:data.unit#</span>',
filter: "contains",
minLength: 3,
dataSource: {
serverFiltering: true,
transport: {
read: { url: "/Medication/Load", dataType: "json" },
parameterMap: function (data, action) {
if (action === "read") {
return {
medicationName: data.filter.filters[0].value
};
} else {
return data;
}
}
}
},
height: 370
});
});