Style绑定可以通过ViewModel绑定到DOM元素CSS风格属性,例如:
1 | < span data-bind="style: {color: priceColor, fontWeight: priceFontWeight}, |
5 | var viewModel = kendo.observable({ |
7 | priceColor: function() { |
8 | var price = this.get("price"); |
16 | priceFontWeight: function() { |
17 | var price = this.get("price"); |
22 | return ""; //will reset the font weight to its default value |
27 | kendo.bind($("span"), viewModel); |
这个例子显示:
1 | < span style = "color: #00ff00; font-weight: bold" >42</ span > |
42
要注意的是CSS属性的名称,如果CSS名称中含有连字符(-),比如font-weight, font-size ,background-color等,在使用时需要省略到连字符,使用camel风格的命名,如fontWeight, fontSize,backgroundColor等。