(一) kendo UI 数据绑定种类小结

时间：2014-07-23 15:39:09 阅读：310 评论：0 收藏：0 [点我收藏+]

====================autocomplete自动完成绑定 === === === < script > $("#autocomplete").kendoAutoComplete(["Apples", "Oranges", "Grapes"]); 获取引用对象 var autocomplete = $("#autocomplete").data("kendoAutoComplete"); 该引用对象操作 autocomplete.value("Cherries"); var value = autocomplete.value(); ====================绑定函数取本类属性============================ var viewModel = kendo.observable({ name: "John Doe", displayGreeting: function() { var name = this.get("name");//this.get 这个方法 this.set("name", "yzs");//this.set 这个方法 alert("Hello, " + name + "!!!"); } }); kendo.bind(document.body, viewModel); 如果是类外面(bind之后)，用实例化的对象名操作,如 viewModel.get("name"); viewModel.set("name","yzs1013"); =========================

====================利用autocomplete监听============================ ===========================grid绑定=====================================

===========================DatePicker绑定===================================== Kendo UI Web ====================================jquery获取数据绑定=================================================== $(document).ready(function (){ $.ajax({ type: ‘GET‘, async: false, url: "http://t.sogx.cn/wap/index.php?m=user&c=show&id=2", data: "ajax=1", dataType: "jsonp", success: function (obj) { var viewMode5222 = kendo.observable({ data2: obj.data }); kendo.bind($("#drawer-resume"), viewMode5222); } }) }); ================================= 一些经验 ============================================= 绑定时 1.kendoUI模板的数据##，在数据源里要能找到 2.数据源的格式（一维还是多维的），要对应得上。如果不符合以上条件，非但绑定不进去，还会显示空白错误。绑定一个Kendo datasource到kendo.observable对象： var formVM = kendo.observable({ sources: formDS, source: null }); 绑定指定的formVM到某个Div元素： kendo.bind($("#form_div"),formVM); 在页面数据改变时，更新绑定的数据源(DataSource): formDS.bind("change", function() { formVM.set("source", this.view()[0]); }); 强制更新form_div中的值： formVM.set("source.userName", ‘gloomyfish‘);对应的HTML为

(一) kendo UI 数据绑定种类小结,布布扣,bubuko.com

(一) kendo UI 数据绑定种类小结

标签：style http 数据 io for re

原文地址：http://www.cnblogs.com/yzs1013/p/3863014.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行