1.transport 标准的DataSource格式,默认get请求: var dataSource = new kendo.data.DataSource({ transport: { read: { url: "://demos.telerik.com/kendo-ui/servic ...
转载 2021-09-01 12:44:00
429阅读
2评论
Kendo 的数据源支持本地数据源(JavaScript 对象数组),或者远程数据源(XML, JSON, JSONP),支持CRUD操作(创建,读取,更新和删除操作),并支持排序,分页,过滤,分组和集合等。准备开始下面创建一个本地数据源。1varmovies = [ {2title:"Star Wars: A New Hope",3year: 19774}, {5title:"Star Wars: The Empire Strikes Back",6year: 19807}, {8title:"Star Wars: Return of the
转载 2013-07-24 20:55:00
137阅读
2评论
Kendo UI Validator 支持了客户端校验的便捷方法,它基于HTML 5 的表单校验功能,支持很多内置的校验规则,同时也提供了自定义规则的便捷方法。完整的Kendo UI 的Validator可以参见​​API 文档​​。HTML 5 表单校验HTML5 的一项重要功能是​​HTML 5 表单校验属性​​, 通过设置限制属性为HTML输入设置输入类型,值域等,然后由浏览器来检查输入是否
转载 2013-07-24 20:49:00
93阅读
2评论
kendo grid 支持多语言,包括的语言有非常多种。一般默认情况是使用en,可是对于国内市场的话我们须要使用汉字。不墨迹了。 <link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" rel="s
原创 2022-01-12 11:54:47
50阅读
Kendo UI 框架提供了一个易用,高性能的JavaScript模板引擎。通过模板可以创建一个HTML片段然后可以和JavaScript数据合并成最终的HTML元素。Kendo 模板侧重于UI显示,支持关键的模板功能,着重于性能而不是语法上的方便。模板语法Kendo 模板使用了一种称为“#”的语法形式,使用这种语法,#用来表明模板中的某个部分可以使用JavaScript数据来替代。用三种方式使用
转载 2013-07-24 20:52:00
89阅读
2评论
Kendo UI Fx 提供了一个丰富,可扩展,性能经过优化的工具集合用来完成HTML元素的过渡显示。每种特效近可能的使用CSS Transition ,对于一些老版本浏览器使用修改属性的方法作为补充。所有动画可以反向显示从而可以方便的实现元素的显示和隐藏。 本篇介绍了Kendo UI特效的概要,完整的文档可以参考API文档准备开始所有Kendo UI 特效都是通过kendo.fx JQuery 选择器封装来创建,每个封装支持显示多种特效。例如:12I will be animated345和jQuery 方法一样,kendo UI fx也支持方法链,比如上面代码可以简化为:12I will
转载 2013-07-24 20:51:00
145阅读
2评论
Kendo 中,基类 Class 第一个重要的派生类就是 Observable, 顾名思义,就是一个可观察的对象,也就是观察者模式的基础。 对于观察者模式来说,应该有主题和观察者,这里我们讨论的其实是主题,观察者只需要提供一个回调函数,在适当的时候得到回调就可以了。 对于主题来说,我们应该支持多种观察的目标,如果你使用过 .NET 的事件,这里简直就是将 .NET 的事件轮子重新实现了一下。
原创 2022-05-03 10:59:50
123阅读
概述Kendo MVVM框架关键的一个部分为ViewModel,它主要是通过kendo.data.ObserableObject来提供支持的。它可以监控改变(UI变化或是值的变化)并通知关心该变化的组件。 本篇以下ViewModel 和ObservableObject 代表同一对象。为了创建一个ObservableObject 对象,可以通过创建一个新kendo.data.ObservableObject 实例或是使用kendo.observable方法,这两种方法效果相同。例如:1varviewModel1 =newkendo.data.ObservableObject( {2field1:
转载 2013-08-17 21:44:00
94阅读
2评论
Value绑定可以把ViewModel的某个属性绑定到DOM元素或某个UI组件的Value属性。当用户修改DOM元素或UI组件的值时,绑定的ViewModel的值也随之发生改名。同样,如果ViewModel的值发生变化,对应的UI也会发生变化。注:Value绑定只可以用在支持Value属性的DOM元素或UI组件。支持Value绑定的元素有input,textarea和select, 支持value绑定的UI组件有AutoComplete, DropDownlist, ComboBox, DatePicker, TimePicker,NumbericTextBox和Slider.如果你需要设置D
转载 2013-09-10 20:09:00
103阅读
2评论
Text绑定可以使用ViewModel来设置DOM元素的文本属性,如果需要设置input,textarea,或select的显示,需要使用value属性。12本例输出:John Doe如果ViewModel的值包含html标记,这些标记会直接显示出html标记,比如:12如果需要以粗体显示,则可以使用前面介绍的html绑定。
转载 2013-09-10 20:11:00
137阅读
2评论
本篇和Kendo UI开发教程(14): Kendo MVVM 数据绑定(三) Click类似,为事件绑定的一般形式。Events绑定支持将ViewModel的方法绑定到DOM元素的事件处理(如鼠标事件)。例如:1 2Show description 3 4 5 实际上,click绑定是events绑定的一个特例,下面的两种实现是等效的:1 ...
转载 2013-09-01 20:07:00
105阅读
2评论
kendo开发点滴系列
原创 2016-01-26 11:13:32
942阅读
Kendo UI MVVM数据绑定支持的绑定属性有 attr, checked, click, custom , disabled,enabled, events, html, invisible, , style, text ,value,visible,这些属性可以绑定到DOM元素或是Kendo UI组件的属性。本篇介绍 attr 绑定。attr 支持把ViewModel的属性或方法绑定到DOM元素的某个属性, 比如设置hyperlink 的herf 和title属性, image元素的 src 或 alt 属性。 其基本用法为attr: { attribute1: field1, att
转载 2013-08-19 20:47:00
85阅读
2评论
Source绑定可以把ViewModel的值和由Kendo模板定义的目标元素绑定,如果ViewModel的值发生变化,被绑定的目标元素也随之发生变化。模板由属性data-template指定,它的值为某个script定义的模板的id.如果没有指明模板,则根据元素的标记使用缺省的模版。Source绑定到数组当ViewModel的值 为一数组时,那么通过Source绑定到模板时,会把数组中每个元素逐个应用到模板,最后的输出为应用这些模板的结果的综合。 添加删除数组中的内容,显示的内容也随之变化。注:绑定到ViewModel数组时,Source指明的为单个跟元素名称,例如:1 ...
转载 2013-09-10 20:13:00
94阅读
2评论
Click绑定可以把由ViewModel定义的方法不绑定到目标DOM的click事件。当点击目标DOM元素时触发ViewModel的对应方法。例如:使用Click绑定1 2Show description 3 4 5 实际上,click绑定是events绑定的一个特例,下面的两种实现是等效的:1 2 ...
转载 2013-08-25 20:20:00
98阅读
Please See In: https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/use-sortable-grid
原创 2022-12-02 22:45:53
80阅读
kendo autoComplete 原始情况下是不支持多筛选条件的 $("#autocomplete").kendoAutoComplete({ filter: "contains" });依据autocomplete 提供的api能够知道使用filter有三种。各自是startswith, endswith , contains。可是作为中文使用用户。我们该怎么办呢。非常多时候,我们
转载 2017-07-04 19:20:00
128阅读
2评论
kendo 中,使用原型继承机制,Class 是 Kendo 中的基类,定义了函数 extend 用来派生其它类。
原创 2022-05-03 10:59:57
107阅读
$(document).ready(function () {dataSource = new kendo.data.DataSource({    transport: {            read:  function(options){//grid初始化时加载数据,由此方法提供   &n
原创 2013-08-29 23:41:21
3322阅读
  • 1
  • 2
  • 3
  • 4
  • 5