kendo-ui - 带有模板集选定值的 Kendo UI 下拉列表不起作用

Question

我正在尝试使用使用模板的剑道下拉列表。我有一个页面，用户可以在其中选择一个数据集和该数据集，并使用值填充下拉列表。我的大多数下拉菜单不使用模板，但无法正常工作的下拉菜单使用模板。

我的模板:

<script type="text/x-kendo-tmpl" id="dropdownTemplate">
  <div>
    <p><strong>#= Name #</strong></p>
    <p>#= Description #</p>
  </div>
</script>

我的下拉定义:

$("#listTemplates").kendoDropDownList({
 dataTextField: "Name",
 dataValueField: "ChartTemplateId",
 template: kendo.template($("#dropdownTemplate").html()),
 change: listTemplatesChange
});

我如何填充下拉列表:

 portalTemplatesModel = [
 [{
   Name: "Test",
   Description: "Long Description",
   ChartTemplateId: "1"
 }],
 [{
   Name: "Test2",
   Description: "Long Description2",
   ChartTemplateId: "2"
 }]
 ]
 for (i = 0; i < portalTemplatesModel.length; i++) {

   $("#listTemplates").data("kendoDropDownList").dataSource.add(portalTemplatesModel[i]);
 }

我的二传手:

var ddTemplates = $("#listTemplates").data("kendoDropDownList");
 ddTemplates.select(function (dataItem) {
 return dataItem.value === placeHolderChart.ChartTemplateId;
});

数据项如下所示:

 [{
   Name: "Test",
   Description: "Long Description",
   ChartTemplateId: "1"
 }]

我在 setter 文档中注意到您应该使用 value 或 item。但是，对于我正在使用的数据集，它似乎使用了一个不同的对象，它不包含值或文本，就像其他不使用模板的下拉列表一样。

先感谢您!

Answer 1

我有一个类似的问题。似乎有效的是添加数据。在您调用数据源值之前。
即#=data.Description #