jQuery MVVM HTML元素绑定

加载演示……

例子
查看源代码
编辑在剑道UI道场
改变主题
默认的
萨斯

少
默认主题

主要

主要的黑暗

北欧

海洋蓝色

紫色的

绿松石
引导主题

主要

主要的黑暗

北欧

城市

古董
材料的主题

主要

北极

酸橙黑

主要的黑暗

新星
经典主题

主要

主要的黑暗

蛋白石

银
流利的主题

主要
- 黑色的
- 蓝色的蛋白石
- 引导v3
- 默认的
- 鲜花广场
- 平
- 高对比度
- 材料
- 黑色材料
- 地铁
- 地铁黑
- 月光
- 新星
- Office 365
- 银
- 统一的
启动主题生成器

elements.html

文本
文本与更新的keyup事件
文本区域
复选框
检查

当前视图模型状态

{textValue:textareaValue:checkboxValue:radioValue:， checkBoxListValue: [, selectValue:， multipleSelectValue: []}

查看源代码:

   文本
 < input type=" Text " data-bind="value: textValue" class="k-input-inner" />  
 带有keyup事件更新的文本
 < input type=" Text " data-value-update="keyup" data-bind="value: "textValue" class="k-input-inner" />  
 Textarea
 < Textarea data-bind="value: textarevalue " class="k-textbox" style="height: 40px;宽度:140 px;">
 Checkbox
  Check  
 
 
 
  Radio
  Apple   Banana   Orange  
 Checkbox list
  Apple   Banana   Orange  
  < Select data-bind="source: fruits, value: selectValue" style="width: 147px;">
 Multiple select

当前视图模型状态

 {textValue: ， textarevalue: ， checkboxValue: ， radioValue: ， checkBoxListValue: []， selectValue: ， multipleSelectValue: []}

. displayMultipleSelectValue">] 查看模型源代码:

var viewModel =剑道。{textValue: "Text value"， textarevalue: "Textarea value"， checkboxValue: false, radioValue: "Apple"， checkboxListValue: ["Apple"]， multipleSelectValue: ["Apple"]， fruits:["Apple"， "Banana"， "Orange"]， selectValue: "Apple"， displayCheckBoxListValue: function(){返回this.get("checkboxListValue")。加入(",");}， displayMultipleSelectValue: function(){返回this.get("multipleSelectValue")。加入(",");} }）;kendo.bind($(“div.demo-section”),视图模型);

.demo-section > div { float: left; margin-bottom: 2em; } .fieldlist { margin: 0 3em 0 0; padding: 0; } .fieldlist li { list-style: none; padding-bottom: 1.5em; text-align: left; } .prettyprint { background-color: #fff; border: 1px solid #ccc; overflow: auto; padding: 5px; }

jQuery MVVM HTML元素绑定

支持和学习资源

额外的资源

产品包

DevCraft

网络

移动

文档管理

桌面

报道和嘲笑

自动化测试

CMS

UI / UX工具

调试

扩展的现实

免费工具

jQuery MVVM HTML元素绑定

支持和学习资源

额外的资源