Kendo-UI学习 DataSource 数据源属性说明（二）

kendo.data.DataSource 数据源
在使用kendo-ui 的grid的时候，需要动态获取后台的数据进行列表显示，在这种情况下，kendoUi提供了数据源分装方法，可以配置数据源的操作及各种属性。

使用方法：var dataSource = new kendo.data.DataSource(option); option 中为具体的属性配置。

DataSource 配置属性说明

aggregate：Array 是否进行聚合计算。可以配置列的聚合计算方法。默认包括平均值average、最大值max、最小值min、总数count、总和值sum。

autoSync：boolean 数据源在和后台进行数据交互的时候是否为同步请求，默认为false异步请求。

transport：Object 远程数据源加载配置。

             read: Object 数据源拉取数据的远程配置。create:Object 数据源创建数据的远程配置。update:Object 数据源更新数据的远程配置。destroy:Object 数据源删除数据的远程配置。url：请求路径。type: 请求方式 如：POST  GET。dataType: 数据类型 如：json。contentType: 请求头请求参数格式。 如：appliaction/json。cache: 是否缓存，默认falseparameterMap：function 请求远程数据的时候的参数需要定义为后端需要的格式及信息。

page: Number数据源显示的当前页。

pageSize: Number数据源的分页参数。

data: Array | String 初始化的数据源数据json数组或者xml格式。在不需要请求后台时配置该属性。当请求的数据为远程数据该属性没有任何作用。

schema：Object远程数据解析配置。此属性可以配置远程数据的模板及各字段的属性及过滤等。

           data: String | Function 配置远程服务器返回的数据格式，以便于获取数据源，相当于数据过滤。远程返回的数据格式不是Array的时候，需要在这里声明如何取出Array或者过滤出对应的Array。model: Object 远程数据的模型配置。id: 模型的主键。fields ：模型的列配置。包括模型的列的字段名称，字段属性，默认值，校验方法等，这里设置的属性在添加、修改时会体现出来。total:String｜Function 远程数据的总数，在这里需要指定返回参数中取值字段名称，或者使用函数自己进行过滤返回。此属性和data属性一样，在后台返回的数据格式中如果包含其他信息，需要进行过滤告诉组件如何获取对应的数据。type: String 数据源的格式，默认为json。其他格式包括xml。parse：Function 对数据进行格式化，相当于数据过滤。

filter: Array | Object 对数据源数据进行过滤。可以指定某一列进行数据过滤，通过filed属性指定列，通过operator 属性配置过滤的方法，通过value配置过滤需要的值。operator 的值有，startswith 开始字符，eq等于，neq不等于。

group: Array | Object 对数据进行分组显示的配置。通过指定需要分组的字段名称，在列表上可以对数据进行分组显示。如图，当设置以年龄为分组对象后，相同年龄的分为一组进行显示。

serverSorting：Boolean 是否远程服务排序，默认为false;当设置为true的时候，排序会通过请求远程服务器进行数据排序。

serverAggregates：Boolean 是否远程进行聚合计算。

serverFiltering：Boolean 是否远程过滤数据。

serverPaging：Boolean 是否远程格式化数据。

serverGrouping：Boolean 是否远程分组数据。

inPlaceSort：Boolean 默认为false。如果设置为true，则在执行排序操作时将对用作数据的原始数组进行排序。此设置只支持本地数据。

offlineStorage：String| Object 是否脱机缓存到sessionStorage，可以设定缓存的key,或者自定义getItem和setItem方法进行数据缓存。

Kendo-UI学习 DataSource 数据源属性说明（二）相关推荐

Kendo UI 刷新数据源信息
Kendo UI Treeview 刷新数据源在开发过程中,使用KendoUI的treeview时遇到了一个问题:需要从后台重新查询数菜单数据,然后刷新菜单树,显示出刚刚新增的节点信息.本身Kend ...
UI组件库Kendo UI for Vue中文入门指南（二）
在本文中,您将通过构建一个包含 Grid.DropDownList.Window 和设计主题的小应用程序来学习如何使用Kendo UI for Vue组件. Kendo UI最新官方正式版下载 5. ...
用户界面控件的王者之争：Kendo UI vs DevExpress（二）
2019独角兽企业重金招聘Python工程师标准>>> 在上一篇用户界面控件的王者之争:Kendo UI vs DevExpress(一)中,笔者跟大家披露了 Kendo UI 和D ...
Kendo UI Grid 用法详细整理
目录一. kendo UI grid结构结构实例二. kendo UI grid常用属性 1.new kendo.data.DataSource()中常见属性: 2.$("#grid& ...
Kendo UI：简介
目前移动HTML5带UI的开发框架层出不穷,常见的有Sencha Touch.jQuery Mobile前者效果较好,收费,学习成本高:后者效果一般,但兼容性好,免费,学习成本低,会jquery的同学 ...
看Kendo UI文档
看完了Kendo UI的文档,感觉kendo UI就是简化了JS的许多内容,书写更加容易,文档里没找到treeview,去百度再找找看. 重点DataSource,Grid: 记:控制远程数据源: v ...
kendo ui 动态隐藏列_Kendo UI使用教程：Kendo UI Grid中的动态数据（一）
本教程将为大家介绍如何逐步创建具有动态数据的Kendo UI grids.当您在一遍又一遍输入相同代码时,可以知道有些是可以关闭的,您输入的代码正在获取WET.创建具有动态数据的可编辑Kendo UI ...
Kendo UI Grid 样式改变控制
目录一. 单元格颜色控制 1. 改变单元格背景颜色 2. 改变单元格边框 3. 改变行背景色二. 单元格内容控制 1. 单元格换行控制 a. css控制不换行 b. JS控制指定换行 2. 表格以 ...
kendo Ui简介
目前移动HTML5带UI的开发框架层出不穷,常见的有Sencha Touch.jQuery Mobile前者效果较好,收费,学习成本高:后者效果一般,但兼容性好,免费,学习成本低,会jquery的同学 ...

Kendo-UI学习 DataSource 数据源属性说明（二）

Kendo-UI学习 DataSource 数据源属性说明（二）相关推荐

最新文章

热门文章