KendoUI Grid教程:多选+删除

 时间:2026-02-15 10:04:55

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删除之后,刷新即可


  • 易语言取文本右边
  • 易语言怎么制作常用网址导航?
  • Jetty服务怎么配置,如何发布项目
  • jquery遍历数组,获取数组中的值
  • jquery怎么给input输入框赋值
  • 热门搜索
    代发是什么意思 crush是什么意思 流苏的意思 梦到杀人是什么意思 重阳节送什么 三更半夜的意思 霾是什么意思 黑处有什么 什么叫天时地利人和 羡慕的意思是什么