Kendo ui 剑道用户界面:自动完成模板标题

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

我是剑道UI的新手。我不明白为什么我的自动完成没有显示标题模板。行模板工作正常。我看了一下,我不确定我做的有什么不同

以下是我的JavaScript代码:

<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:“+”名称“+”路线“+”剂量“+”单位“+”,