0

こちらがノックアウト剣道を使わないコンボボックスです。

@(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に。

4

1 に答える 1

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/

于 2012-11-06T00:09:57.030 に答える