Knockout绑定到Kendo控件

Question

我是KO和剑道的新手。

我有一个包含以下kendo控件的表单： 日期选择器， 文本框， 单选按钮， 复选框

视图模型的准备如下：

function CouponViewModel(data) {
        selfCoupon.Code = ko.observable(data.Code);
        selfCoupon.DiscountValue = ko.observable(data.DiscountValue);
        selfCoupon.DiscountLevel = ko.observable(data.DiscountLevel);
        selfCoupon.OneTimeUse = ko.observable(data.observable);
        selfCoupon.CombineWithOther = ko.observable(data.CombineWithOther);
        selfCoupon.MinOrderPrice = ko.observable(data.MinOrderPrice);
        selfCoupon.MaxOrderPrice = ko.observable(data.MaxOrderPrice);
        selfCoupon.MinQty = ko.observable(data.MinQty);
        selfCoupon.MaxQty = ko.observable(data.MaxQty);
        selfCoupon.Status = ko.observable(data.Status);
}

DiscountValue有三个选项，用户可以从中选择任何一个。所以这三个都是单选按钮。 对于DiscountLevel也是如此。

OneTimeUse和CombineWithOther是功能复选框，但显示为是/否切换 状态也是如此。

休息所有都是纯文本框。

文本框绑定如下：

@Html.TextBoxFor(p => p.Code, new { @class = "form-control", @data_bind = "value: Name", @autofocus = true, @maxlength = "50" })

对于datepicker，这是我得到了多远：

<input id="startDate" value="" style="width:150px;" />

对复选框和单选按钮没有任何线索。

如何将其余控件与KO绑定？ 任何资源都会有很大帮助。

提前致谢。

Answer 1

在官方网站上有一个simple example of various form elements。