【Kendo UI 中文教程】使用Grid组件完成基本的CRUD操作（一）

最新推荐文章于 2020-03-09 23:29:10 发布

陈楚天

最新推荐文章于 2020-03-09 23:29:10 发布

阅读量1.9k

点赞数 2

分类专栏： kendoUI 中文教程文章标签： ui KendoUI 前端信息管理系统 Grid

本文链接：https://blog.csdn.net/clearskychan/article/details/53471241

版权

本文是Kendo UI中文教程的一部分，主要讲解如何使用Grid组件进行基本的创建、读取、更新和删除（CRUD）操作。首先介绍了创建Grid的基本步骤，然后通过配置DataSource加载本地和服务器数据，展示了数据管理功能。

摘要由CSDN通过智能技术生成

KendoUI中最常用、最强大、也是最复杂的组件就是kendoGrid了，学会了使用Grid，便可轻松开发出数据CRUD的功能。

和其他的组件一样，创建一个Grid非常简单，我们只需要创建一个div元素，指定它的id，并将他初始化为kendoGrid。代码如下：

<div id="grid"></div>
----------
<script>
$(function(){
    
    $("#grid").kendoGrid()
});
</script>

不过，这样创建的Grid光秃秃的啥也没有，我们需要给他指定列。很简单，在kendoGrid()的函数中传入一个带有columns属性的对象作为。如下：

<div id="grid"></div>
----------
<

关注

专栏目录