3

それは本当ですか: (または、何か不足していますか?)

  • Kendo UI MVVM は CSS バインディングをサポートしていません。

もしそうなら、カスタムCSSバインディングを定義する方法は?

ここで実装を見つけましたが、縮小された剣道 js ファイルしかありません。圧縮されていない剣道 js ファイルをダウンロードするためのリンクを誰か教えてもらえますか?

アップデート

一時的な解決策: http://feedback.kendoui.c​​om /forums/127393-kendo-ui-feedback/suggestions/2782980-add-an-mvvm-css-binding

kendo.web.js ソース コードを変更する必要があります。

4

5 に答える 5

11

Kendo UI は、任意の CSS 属性を設定する「スタイル」バインディングをサポートしています。ドキュメントはこちらから入手できます: http ://docs.kendoui.c​​om/getting-started/framework/mvvm/bindings/style

ちなみに、ソース コードを編集せずにカスタム バインダーを作成できます。方法は次のとおりです。 http: //docs.kendoui.c​​om /getting-started/framework/mvvm/bindings/custom

最後に、attrバインディングを使用してclass属性を設定できます: http://jsbin.com/ojayoq/1/edit

于 2013-02-26T18:44:53.447 に答える
2

私はあなたが探していると思うものを実行する Kendo UI ブログのサンプル バインダーを書きました: Making Kendo UI Binders for Complex Types

HTML の使用例:

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

が true の場合は「selected」クラスが追加され、 true の場合isSelectedは「error」クラスが追加されhasErrorます。同様に、バインドされた値が偽の場合、それらのクラスが削除されます。

于 2014-05-22T12:11:49.357 に答える
2

https://coderwall.com/p/gwa2jgにいくつかの CSS バインダーがあります。

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">
于 2013-03-08T20:32:38.590 に答える
0

これはあなたが探しているCSSバインディングではありませんか？

于 2013-02-26T18:51:57.797 に答える