首页 > 代码库 > (一) kendo UI 数据绑定种类小结

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

2024-07-13 15:11:56   219人阅读

====================autocomplete自动完成绑定 === === === < script > $("#autocomplete").kendoAutoComplete(["Apples", "Oranges", "Grapes"]);</script>获取引用对象var autocomplete = $("#autocomplete").data("kendoAutoComplete");该引用对象操作autocomplete.value("Cherries");var value = http://www.mamicode.com/autocomplete.value();"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 <link href="http://www.mamicode.com/styles/kendo.common.min.css" rel="stylesheet" /> <link href="http://www.mamicode.com/styles/kendo.default.min.css" rel="stylesheet" /> <body> ====================================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为


联系
我们