是否可以在使用knockout-kendo.js填充的Kendo Combo框中使用模板?

时间:2012-11-05 22:39:38

标签: knockout.js kendo-ui

这是不使用knockout-kendo的组合框,

@(Html.Kendo().DropDownListFor(x => x.TaxYear)
.Name("ddTaxYear")
.DataTextField("Year")
.DataValueField("InvestorVersionId")
.BindTo(Model.AvailableVersions)
.HtmlAttributes(new { @class = "input-small", maxLength = 125, @Id = "ddTaxYear" })
.Template("<span>#: data.Year # <i class='#: getIcon(data.InvestorVersionId) #'></i> </span>")
.Events(events => events.Change("onEffectiveYearChange")))

这是使用knockout-kendo.js

的新版本
<input data-bind="kendoComboBox: { dataTextField: 'Name', dataValueField: 'Id', data: taxYearList, value: taxYear }" />

但我现在无法设计它。是否可以添加

.HtmlAttributes(new { @class = "input-small", maxLength = 125, @Id = "ddTaxYear" })
.Template("<span>#: data.Year # <i class='#: getIcon(data.InvestorVersionId) #'></i> </span>")

到kendoComboBox。

1 个答案:

答案 0 :(得分:3)

Knockout-Kendo绑定将通过您将其提供给实际小部件的任何选项。

因此,您实际上可以包含template选项,例如:

<input data-bind="kendoComboBox: { dataTextField: 'name', dataValueField: 'id', 
    data: choices, value: selectedChoice, 
    template: '<span>Name: #: data.name # </span>' }" />

此处示例:http://jsfiddle.net/rniemeyer/jgs9H/