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输入框赋值
  • 热门搜索
    泰迪不吃狗粮怎么办 表白怎么说 脸上螨虫怎么去除 经常感冒是怎么回事 空调遥控器丢了怎么办 比亚迪f3怎么样 ps怎么保存图片 内向的人怎么变外向 怎么压缩文件到最小 手游怎么在电脑上玩