Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled
来源:互联网 发布:企业数据备份软件 编辑:程序博客网 时间:2024/04/28 04:01
原文出处:http://blog.csdn.net/mapdigit/article/details/10323023
Disabled和Enabled绑定可以根据ViewModel的某个属性值的true,false来设置DOM元素的enabled和diabled属性。
Disabled/enabled属性只适用于input,select和textarea元素,当这些输入元素disabled后,用户无法修改其值。
1
<
div
id
=
"view"
>
2
<
input
type
=
"text"
data-bind
=
"value: name, disabled: isNameDisabled"
/>
3
<
button
data-bind
=
"click: disableInput"
>Disable</
button
>
4
</
div
>
5
<
script
>
6
var viewModel = kendo.observable({
7
isNameDisabled: false,
8
name: "John Doe",
9
disableInput: function () {
10
this.set("isNameDisabled", true);
11
}
12
});
13
14
kendo.bind($("#view"), viewModel);
15
</
script
>
注: 对于一些非boolean值如:0,null, undefined 会被看作false,其它值均当成true.
0 0
- Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled
- Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled
- Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled
- Kendo UI开发教程(12): Kendo MVVM 数据绑定(一) attr
- Kendo UI开发教程(13): Kendo MVVM 数据绑定(二) Checked
- Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click
- Kendo UI开发教程(16): Kendo MVVM 数据绑定(五) Events
- Kendo UI开发教程(17): Kendo MVVM 数据绑定(六) Html
- Kendo UI开发教程(18): Kendo MVVM 数据绑定(七) Invisible/Visible
- Kendo UI开发教程(19): Kendo MVVM 数据绑定(八) Style
- Kendo UI开发教程(20): Kendo MVVM 数据绑定(九) Text
- Kendo UI开发教程(21): Kendo MVVM 数据绑定(十) Source
- Kendo UI开发教程(22): Kendo MVVM 数据绑定(十一) Value
- Kendo UI开发教程(12): Kendo MVVM 数据绑定(一) attr
- Kendo UI开发教程(13): Kendo MVVM 数据绑定(二) Checked
- Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click
- Kendo UI开发教程(16): Kendo MVVM 数据绑定(五) Events
- Kendo UI开发教程(17): Kendo MVVM 数据绑定(六) Html
- ubuntu: apt-get update的时候遇到“Hash Sum mismatch”错误
- BootStrap实践之一
- android通讯录编程常用的方法
- Unity 刚体常用方法
- CharSequence与String的区别
- Kendo UI开发教程(15): Kendo MVVM 数据绑定(四) Disabled/Enabled
- 快速排序及优化
- 《UNIX环境高级编程》三文件I/O读书笔记
- 使用Markdown编辑器写博客
- hdu5802 Windows 10(贪心搜索)
- POJ 1917 字符串替换
- 适配器和映射器
- Oracle(入门二)
- [Python]--What are the differences between numpy arrays and matrices?