Kendo UI Grid详细介绍及示例下载大全

原创|对比评测|编辑:我只采一朵|2014-04-30 11:23:59.000|阅读 24853 次

概述:Kendo UI Grid是业界领先的网格控件,提供批量、内联、自定义编辑、冻结窗格等100多种丰富功能,欢迎体验在线Demo及代码示例。

相关链接:

Kendo UI的响应式HTML5 Grid组件是完全开箱即用的。Kendo UI Grid为开发者提供了100多种丰富的网格功能,从基本的筛选、排序,到高级的编页、分层数据分组等等。毫不夸张的说,Kendo UI Grid是同类产品中数一数二的佼佼者。耳听为虚眼见为实,下面我为大家整理了它的功能特点及在线Demo,以及示例下载大全,欢迎大家试用体验。

最新活动推荐:年中大促|在线订购全场7折起!点击了解详情>>

支持批量、内联、弹出菜单和自定义编辑器在线Demo

当Telerik Kendo UI Grid绑定到类似于SqlDataSource, LinqDataSource, EntityDataSource这些DataSource控件时,或者使用扩展API处理CRUD(增、删、改、查)操作,你就可以启用自动数据编辑功能。Grid支持内联菜单编辑模式、标准菜单模式和弹出菜单模式,还支持批量编辑功能,省时省力。

插入、更新和删除 【在线Demo

用户可以创建、更新甚至删除表格中的数据,编辑菜单可以以内联、表单或弹出菜单的形式展示,确保你的用户能获得最佳的用户体验。你甚至还可以做批量更新。

易于使用

Kendo UI Grid的独特之处在于它将易用性做到了极致。它遵循Section 508规范(考虑到残障人士的应用标准),并附有 WCAG(无障碍网页内容指引) 指南,确保即使是残障人士也可以顺畅的浏览和使用。如果你开发的应用要面向特殊用户,那Kendo UI Grid将是最适合你的开发工具。

键盘导航 【在线Demo

为了让用户能更加迅捷的操作表格,Kendo UI Grid提供了键盘导航,用户可以完全不用鼠标,全部用键盘操作。

部分快捷键:

Alt+W  聚焦在组件上
以下快捷键适用于Grid header
Enter 按列排序
Alt+Down 打开过滤器菜单
Esc 关闭过滤器菜单
Tab 在过滤器菜单的各元素间切换
Shift+Tab 和Tab的功能一样,但方向相反
以下快捷键适用于Grid数据表
方向键 在各个单元格之间切换
Enter 在组行中展开或切换
Page Up 翻到上一页
Page Down 翻到下一页
Space 选择当前高亮显示单元格
Ctrl+Space 和Space一样,但会选中先前选中的单元格(只适用于多选模式)

便捷的网格交互 【在线Demo

用户可以对网格上的列进行重新排序或设置大小,而这些操作是不需要向客户端发出任何请求的,保证了用户操作的流畅性。此外,它提供的上下文菜单还可以轻松隐藏或显示列。

现成的模板 【在线Demo

使用Kendo UI Grid现成的模板功能,可以轻松自定义网格行和列的布局和显示方式。

分层网格 【在线Demo

运用Kendo UI Grid可以快速创建分层网格,这些分层既可以由服务器驱动也可以由HTML5驱动,确保你可以将分层网格应用在任何应用程序中。

支持本地、远程或后端数据绑定 【在线Demo

Kendo UI Grid开发的网格可以使用声明式的数据源控件(AccessDataSource, SqlDataSource, LinqDataSource, EntityDataSource, ObjectDataSource, XmlDataSource, OpenAccessDataSource),或者将网格绑定到自定义的对象中。无论是本地数据,还是远程数据,还是服务器端的数据,Kendo UI Grid都可以让你轻松连接。

分页、筛选、排序、分组 【在线Demo

Kendo UI Grid组件提供丰富的交互功能,只需要设置几个简单的属性,就可以实现分页、排序、筛选甚至分组等功能。

冻结窗格 【在线Demo

当表格中有大量数据时,你可以使用冻结窗格功能锁定选中的行或列,这样可以大大提升用户体验。另外,Grid还会自动提供一个窗格菜单,用户随时可以选择对相应的行/列进行锁定或取消锁定。

Kendo UI Grid示例下载

压缩包图标示例下载】本示例演示如何使用ASMX服务进行远程CRUD(创建、读取、更新、删除)操作。

压缩包图标示例下载】本示例演示如何使用WCF服务进行远程CRUD(创建、读取、更新、删除)操作。

压缩包图标示例下载】本示例使用的是C#/MVC 3/Entity Framework,演示了Kendo UI Grid的内联编辑功能。

压缩包图标示例下载】本示例演示如何将Grid绑定到ASP.NET MVC实现远程CRUD(创建、读取、更新、删除)操作。

压缩包图标示例下载】本示例演示如何使用部署选项更改Grid控件的文本。

压缩包图标示例下载】本示例演示如何将当前的Grid状态保存为cookie,然后在下一次打开时可以立即启动。

压缩包图标示例下载】本示例演示如何将Grid绑定到Web实现远程CRUD(创建、读取、更新、删除)操作。

压缩包图标示例下载】本示例演示如何将Grid绑定到MVVM实现远程CRUD(创建、读取、更新、删除)操作。

压缩包图标示例下载】本示例演示如何保存单元格编辑和客户端操作中的异常情况。

压缩包图标示例下载】本示例演示如何使用复选框选择网格行,如何保存页面间的选项,如何从所有页面中获取选中项的ID。

压缩包图标示例下载】本示例演示如何在选中某条记录之后创建自定义编辑域去编辑这条记录。

压缩包图标示例下载】本示例演示如何在Kendo UI Grid中部署层叠下拉编辑器。

压缩包图标示例下载】本示例演示如何利用本地存储功能创建一个应用程序作为KendoUI Grid数据库。


kendo ui线下培训



标签:JavaScript HTML5UI界面KendoUIGrid

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件

登录慧都网发表评论登录


慧都网友 2017-01-16 12:02:09.000
0

32123


慧都网友 2016-04-06 10:24:56.000
0

赞!


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
Kendo UI Web

运用JavaScript和HTML5就能快速创建性能最优的Web应用程序

Kendo UI Mobile

使用HTML5和JavaScript快速开发跨平台原生移动应用程序的移动应用程序框架

Kendo UI DataViz

跨平台跨设备的数据可视化组件

Kendo UI Server Wrappers

帮助你开发基于Kendo UI的出色的HTML5应用程序,并且无需亲自编写JavaScript。

Kendo UI Core

Kendo UI Core是Kendo UI的开源免费版,是HTML5构架下的用于网络和移动开发的工具。

Kendo UI

全新升级的Kendo UI,是创建数据丰富的Web应用程序的最完整UI库。

在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat