Knockout 绑定到 Kendo 控件

Posted 2023-05-07

【中文标题】Knockout 绑定到 Kendo 控件

【英文标题】：Knockout binding to Kendo controls

【发布时间】：2014-12-11 14:16:36

【问题描述】：

我是 KO 和剑道的新手。

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

视图模型是这样准备的：

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 绑定？ 这方面的任何资源都会有很大帮助。

提前致谢。

【参考方案1】：

官网上有simple example of various form elements。