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输入框赋值
  • 热门搜索
    上火牙疼怎么办 怎么做花卷 松花粉怎么吃 读心术怎么学 dnf潘怎么打 金宝贝早教怎么样 油耗怎么计算 写信的格式怎么写 身份证消磁了怎么办 怎么发海参