mvvm - kendo mvvm：如何定义自定义 CSS 绑定

Question

这是真的吗：（或者我错过了什么？）

如果是，如何定义自定义 css 绑定？

我在这里找到了一个实现，但我只有缩小的剑道 js 文件，任何人都可以提供下载未压缩的剑道 js 文件的链接吗？

更新

必须修改 kendo.web.js 源代码。

score 11 · Accepted Answer

Kendo UI 支持设置任意 CSS 属性的“样式”绑定。文档可在此处获得：http ://docs.kendoui.com/getting-started/framework/mvvm/bindings/style

在旁注中，您可以创建自定义活页夹而无需编辑源代码。方法如下：http ://docs.kendoui.com/getting-started/framework/mvvm/bindings/custom

最后可以使用attr绑定来设置class属性：http: //jsbin.com/ojayoq/1/edit

score 2 · Accepted Answer

CSS 切换

<div data-bind="cssToggle: truthyProperty" 
     data-enabled-css="on-class" 
     data-disabled-css="off-class"></div>

还有

CSS 状态

<div data-bind="cssState: switch"
     data-css-states="stop:red, go:green, slowdown:amber">

score 2 · Accepted Answer

我为 Kendo UI 博客编写了一个示例活页夹，它可以满足您的需求：为复杂类型制作 Kendo UI 活页夹

HTML 使用示例：

<div data-bind="class: { selected: isSelected, error: hasError }">

如果是真的，这将添加“选定”类，如果isSelected是真的，则添加“错误”类hasError。同样，如果绑定值是虚假的，它将删除这些类。

score 1 · Accepted Answer

Kendo 现在（从 2015 年第二季度开始）提供CSS 类绑定以及样式绑定。

例子：

<div data-bind="css: { someClass: isSomeClassEnabled }"></div>

score 0 · Accepted Answer

0

这不是您要查找的 CSS 绑定吗？

于 2013-02-26T18:51:57.797 回答

5 回答 5