新的剑道UI的jQuery?免费下载30天试用版
jQuery菜单MVVM
加载演示……
- 例子
- 查看源代码
- 改变主题
默认的默认主题
- 主要
- 主要的黑暗
- 北欧
- 海洋蓝色
- 海蓝A11Y
- 紫色的
- 绿松石
引导主题- 主要
- 引导3
- Bootstrap 3 Dark
- 主要的黑暗
- 北欧
- 绿松石
- 蓝绿色的黑暗
- 城市
- 古董
材料的主题- 主要
- 北极
- 酸橙黑
- 主要的黑暗
- 新星
经典主题- 主要
- 绿色
- 绿黑
- 薰衣草
- 薰衣草黑暗
- 主要的黑暗
- 地铁
- 地铁黑暗
- 月光
- 蛋白石
- 蛋白石黑暗
- 银
- 银黑
- 统一的
流利的主题- 主要
mvvm.html
控制台日志
清除日志
描述
jQuery的剑道UI MVVM功能与剑道UI数据源和UI组件无缝集成,并提供强大的双向数据绑定功能,使您能够轻松地为组件可观察对象创建属性值,在数据源中应用更改时自动修改它们,并在用户与UI交互时更改底层数据。
模型-视图-视图模型(Model -View- viewmodel, MVVM)架构是一种流行的设计模式,它帮助您将数据(模型)与UI(视图)分离,并以一种易于在视图中使用的方式公开模型数据对象。
这个演示展示了如何为框架公开的MVVM功能配置剑道UI菜单。首先,该演示演示了如何创建视图模型
的实例kendo.observable
。然后,通过使用data- attributes实例化菜单及其属性和绑定定义。注意,要连接视图模型
,则需要调用kendo.bind
方法传递给Menu的容器元素,并将视图模型
作为第二个论点。
这个Menu示例是数百个jQuery演示的独特集合的一部分,您可以看到所有这些示例jQuery组件的剑道UI以及它们的功能。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观jQuery Dojo的剑道UI或ThemeBuilder。