1.transport
标准的DataSource格式,默认get请求:
var dataSource = new kendo.data.DataSource({ transport: { read: { url: "https://demos.telerik.com/kendo-ui/service/products", dataType: "jsonp" }, update: { url: "https://demos.telerik.com/kendo-ui/service/products/update", dataType: "jsonp" } } });
设置为post请求:
var dataSource = new kendo.data.DataSource({ transport: { update: { type: "POST" } } });
自己写ajax请求:
注意:如果transport中有一个方法是自己写的ajax请求,则其他方法也需要使用自己写的ajax请求,需保持一致。
var dataSource = new kendo.data.DataSource({ transport: { read: function(options) { }, update: function(options) { $.ajax({ url: "https://demos.telerik.com/kendo-ui/service/products/update", dataType: "jsonp", data: { models: kendo.stringify(options.data.models) }, success: function(result) { options.success(result); }, error: function(result) { options.error(result); } }); } } });
需要传递的其他参数data:
//作为对象发送 var dataSource = new kendo.data.DataSource({ transport: { update: { cache: true, //是否缓存请求结果 contentType: "application/json", //发送到服务器的内容表头 dataType: "json", //发送服务器的数据类型 data: { name: "Jane Doe", age: 30 } } } }) //从函数返回发送其他参数 var dataSource = new kendo.data.DataSource({ transport: { update: { data: function() { return { name: "Jane Doe", age: 30 } } } } });
2.schema
model
var dataSource = new kendo.data.DataSource({ schema:{ model:{ id:'', fields:{ name: { type: "number",defaultValue:0, editable: false, nullable: true, validation: { required: true, min: 1, NoValidation:function(input){ if (input.is("[name='UnitPrice']") && input.val() != "") { if(input.val() > 30){ input.attr("data-NoValidation-msg", "请输入小于30数字"); return false; } } return true; } }} } } } });
注意:
- editable:初始化的时候,控制该列是否可编辑;
- defaultValue:默认值,只适用于新建的单元格,比如:新增;
- validation:单元格的验证,可以写自定义事件;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统