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输入框赋值
  • 热门搜索
    秀珍菇的做法 玺怎么读 微商城怎么开通 羌怎么读 电脑怎么重装系统 擘画怎么读 排骨海带汤的做法 陈百强什么原因怎么走的 贠怎么读 发面饼的做法