我想在 kendo UI 的下拉列表中设置多个值，但在 dataTextField 属性中它只接受一个值

Question

这是我的代码示例：

>  $("#User").kendoDropDownList({
        dataTextField: "UserName",
        dataValueField: "UserID",
        dataSource: users,
        optionLabel: "Select",
    }).data("kendoDropDownList").value(UserID);

dataSource 属性设置为包含关联值的对象 'users'。现在有了 'UserName' 显示值，我想在我的下拉列表显示中附加 'Gender' 的值以及来自 'users' 对象的值。

Answer 1

您应该使用 template 选项来执行此操作。这是一些代码：

$("#dropdownlist").kendoDropDownList({
  dataSource: [
    { UserName: "Jane Doe", Gender: "Female" },
    { UserName: "John Doe", Gender: "Male" }
  ],
  dataTextField: "UserName",
  template: '#: UserName # (#: Gender #)'
});

还有一个live demo.