KendoUI Grid教程:多选+删除

 时间:2024-10-14 09:26:49

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输入框赋值
  • 热门搜索
    淼是什么意思 typical什么意思 一马当先的意思 一意孤行的意思 什么电视机好 隔离霜作用 双一流是什么意思 离异是什么意思 懿是什么意思 人比黄花瘦是什么意思