Kendo UI开发教程(18): Kendo MVVM 数据绑定(七) Invisible/Visible
2013-09-08 16:53
603 查看
Invisible/Visible绑定可以根据ViewModel的某个属性来显示/隐藏DOM元素。
例如:
例如:
1 | < div id = "view" > |
2 | < div data-bind = "invisible: isInvisible" >some content |
3 |
4 | </ div > |
5 | < button data-bind = "click: show" >Show</ button > |
6 | </ div > |
7 | < script > |
8 | var viewModel = kendo.observable({ |
9 | isInvisible: true, |
10 | show: function () { |
11 | this.set("isInvisible", false); |
12 | } |
13 | }); |
14 |
15 | kendo.bind($("#view"), viewModel); |
16 | </ script > |
相关文章推荐
- Kendo UI开发教程(18): Kendo MVVM 数据绑定(七) Invisible/Visible
- Kendo UI开发教程(22): Kendo MVVM 数据绑定(十一) Value
- Kendo UI开发教程(19): Kendo MVVM 数据绑定(八) Style
- Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click
- Kendo UI开发教程(21): Kendo MVVM 数据绑定(十) Source
- Kendo UI开发教程(16): Kendo MVVM 数据绑定(五) Events
- Kendo UI开发教程(13): Kendo MVVM 数据绑定(二) Checked
- Kendo UI开发教程(20): Kendo MVVM 数据绑定(九) Text
- Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click
- Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled
- Kendo UI开发教程(12): Kendo MVVM 数据绑定(一) attr
- Kendo UI开发教程(22): Kendo MVVM 数据绑定(十一) Value
- Kendo UI开发教程(22): Kendo MVVM 数据绑定(十一) Value
- Kendo UI开发教程(16): Kendo MVVM 数据绑定(五) Events
- Kendo UI开发教程(13): Kendo MVVM 数据绑定(二) Checked
- Kendo UI开发教程(20): Kendo MVVM 数据绑定(九) Text
- Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click
- Kendo UI开发教程(12): Kendo MVVM 数据绑定(一) attr
- Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled
- Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled