我正在尝试使用 Kendo DropDownList 并在列表顶部提供一个空白项,并使用模板提供多个列。
var ticketType = $("#TicketType").kendoDropDownList
({
dataTextField: "TicketTypeName",
dataValueField: "TicketTypeId",
optionLabel: " ", //This should add a blank item, but errors out instead.
dataSource:
{
serverFiltering: true,
type: "jsonp",
transport:
{
read:
{
url: "../Service/IncidentManagement.asmx/GetTicketTypeList",
contentType: "application/json; charset=utf-8",
type: "POST"
}
},
schema:
{
data: "d"
}
},
template: "<div><span>${TicketTypeName}</span><span>${TicketTypeDescription}</span></div>"
}).data("kendoDropDownList");
以上产生
未捕获的 ReferenceError:未定义 TicketTypeDescription
如果我没有在下面指定 optionLabel,则下拉菜单可以正常工作(没有空项目)。
如果我指定了 optionLabel 并删除了模板选项,那么它可以正常工作(没有多列)。
有什么方法可以检查它是否在模板中未定义?类似于以下内容:
<span>${TicketTypeDescription} !== undefined ? ${TicketTypeDescription} : '' </span>