Kendodropdownlist上显示未定义单词的问题

Question

我的 kendocdropdownlist 有问题...每当我在其上添加选项标签时，它总是显示未定义字段。如何摆脱下拉列表中的未定义...下拉菜单的功能很好，只是"未定义"这个词真的让我感到困扰。

这是我的代码：

<input id="ddlWorker" name="ddlWorker" class:"validate[required] inputLong" style="width: 400px;" value="@workerPosId"  />
$("#ddlWorker").kendoDropDownList({
            dataTextField: "workerName",
            dataValueField: "workerID",
            autoBind: false,
            optionLabel: {
                workerName: "-- Select An Option --",
                workerID: ""
    },
            // define custom template
            template:
                                      '<h5>${ data.workerName }</h5>' +
            //                                      '<p>${ data.workerID }</p>' +
                                      '<p>${ data.AvailableDay_LookID }</p>' +
                                      '<p>${ data.StartTime } - ${ data.EndTime }</p>',
            dataSource: {
                transport: {
                    read: {
                        url: '/Client/LoadWorkerDropdownList?clientCusPosShiftId=' + clientCusPosShiftId,
                        dataType: "json",
                        type: "POST"
                    }
                }
            }
        });
        var dropdownlist = $("#ddlWorker").data("kendoDropDownList");

谢谢

Answer 1

那是

因为它会馈送您的optionLabel对象：

{
    workerName: "-- Select An Option --",
    workerID: ""
}

进入您的template：

'<h5>${ data.workerName }</h5>' +
'<p>${ data.AvailableDay_LookID }</p>' +
'<p>${ data.StartTime } - ${ data.EndTime }</p>'

因此，它试图打印AvailableDay_LookID、StartTime和EndTime undefined对象上的数据。

如果这些字段不存在，您可能希望跳过它们。试用模板：

'<h5>${ data.workerName }</h5>' +
'#if(data.AvailableDay_LookID) {#<p>${ data.AvailableDay_LookID }</p>#}#' +
'#if(data.StartTime && data.EndTime) {#<p>${ data.StartTime } - ${ data.EndTime }</p>#}#'