手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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按钮样式和功能
© 手抄报圈