Kendo ui 剑道用户界面:自动完成模板标题
我是剑道UI的新手。我不明白为什么我的自动完成没有显示标题模板。行模板工作正常。我看了一下,我不确定我做的有什么不同 以下是我的JavaScript代码:Kendo ui 剑道用户界面:自动完成模板标题,kendo-ui,telerik,kendo-autocomplete,kendo-ui-mvc,Kendo Ui,Telerik,Kendo Autocomplete,Kendo Ui Mvc,我是剑道UI的新手。我不明白为什么我的自动完成没有显示标题模板。行模板工作正常。我看了一下,我不确定我做的有什么不同 以下是我的JavaScript代码: <script> $(document).ready(function () { $("#drug_name").kendoAutoComplete({ dataTextField: "name", change: function (e) { if ($("#dru
<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
});
});
$(文档).ready(函数(){
$(“#药物名称”).kendoAutoComplete({
dataTextField:“名称”,
更改:功能(e){
如果($(“#药物名称”).val()=”){
$(“#剂量”).val(“”);
美元(“#单位”).val(“”);
$(“#路线”).val(“”);
}
},
选择:功能(e){
var dataItem=this.dataItem(e.item.index());
$(“#剂量”).val(数据项.dose);
$(“#单位”).val(数据项.unit);
$(“#路由”).val(dataItem.route);
//输出所选数据项
log(kendo.stringify(dataItem));
},
headerTemplate:“NameRoutedSeUnit”,
模板:“#:数据.名称###:数据.路线##:数据.剂量##:数据.单位#”,
过滤器:“包含”,
最小长度:3,
数据源:{
是的,
运输:{
读取:{url:“/medicing/Load”,数据类型:“json”},
parameterMap:功能(数据、操作){
如果(操作==“读取”){
返回{
medicationName:data.filter.filters[0]。值
};
}否则{
返回数据;
}
}
}
},
身高:370
});
});
请尽量这样写:
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>',
headerTemplate:“+”名称“+”路线“+”剂量“+”单位“+”,