养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

KendoUI Grid教程:多选+删除

时间:2024-11-06 21:32:56

本篇是一系列教程的第二章,第一章看以下链接,分页+查询,本章是多选和删除的教程。

KendoUI Grid教程:多选+删除

工具/原料

KendoUI、VS2015

方法/步骤

1、接上一章,Col里面新增一个selectable,做选择用,Kendo里面单选看不出来

KendoUI Grid教程:多选+删除

2、效果图

KendoUI Grid教程:多选+删除

3、然后再ToolBar里面新建一个自定义的删除按钮

KendoUI Grid教程:多选+删除

4、删浑睡蔽嗍除按钮里面注册的删除事件,事件里面得到Ids之后直接写$.Post自己用常规的Ajax做就行,完成之后用靓脘堤窳他刷新Grid$('#grid').data('kendoGrid').dataSource.read();

KendoUI Grid教程:多选+删除

5、Loding效果,直接加一个div即可

KendoUI Grid教程:多选+删除

6、然后alertMsg是一个自定义的弹窗,代码如下

KendoUI Grid教程:多选+删除

KendoUI Grid教程:多选+删除

7、备注本教程里面没有后台代码,因为这里只需要常规的做法即可,不需要和kendo集成水貔藻疽,只需要得到选中的ID,用Ajax删除之后,刷新即可

© 一点知识