KendoUI Grid教程:重载toolbar按钮样式和功能

 时间:2024-10-13 15:33:35

1、话不多说,先来个Kendo的插件包

KendoUI Grid教程:重载toolbar按钮样式和功能

2、这里用的例子是KendoGrid 的批量修改Demo,在这个基础上做的微调

KendoUI Grid教程:重载toolbar按钮样式和功能

3、可以看到上面的3个按钮,代码是Kendo内置的,想修改了怎么办?

KendoUI Grid教程:重载toolbar按钮样式和功能

4、好,下一步,做一个自定义的按钮先,这里自己写了一个DIV,做了一些自己的自定义按钮区域

KendoUI Grid教程:重载toolbar按钮样式和功能

5、然后绑定到Kendo的toolbar里面

KendoUI Grid教程:重载toolbar按钮样式和功能

6、OK,看下效果

KendoUI Grid教程:重载toolbar按钮样式和功能

7、但是怎么触发官方自带的事件呢?无意间发现,只需要加上相关的样式即可:k-gri蟠校盯昂d-add-新增k-grid幻腾寂埒-save-changes-保存k-grid-cancel-changes-撤回完全无意间F12的时候发现的,查半天资料都没看到,最后把官方的HTML贴过去就可以了,把自己给惊呆了

KendoUI Grid教程:重载toolbar按钮样式和功能

8、最后效果和官方的一样,直接重载他自带的样式了

KendoUI Grid教程:重载toolbar按钮样式和功能
  • web报表控件FineReport中模板访问权限设置
  • java去掉字符串的前后指定字符
  • C# Datatable.Select()用法简介
  • 如何使用Aqua Data Studio查看视图数据
  • VBS脚本基础教程:[6]数组的定义及使用
  • 热门搜索
    微商怎么做 为什么最迷人的最危险 小酥肉的做法视频 电脑为什么会蓝屏 怎么治疗早泄 荻怎么读 走投无路急用钱怎么办 岔气了怎么办 红豆薏米水怎么煮去湿气效果好 花样面点的做法大全