分享一个费尽心思、最终偶然解决的难题:重新封装Kendo UI Grid的工具栏样式,过程烧脑却收获满满,值得收藏借鉴。
1、 直接上Kendo插件包,无需多言。
2、 以KendoGrid批量编辑示例为基础,进行了细微调整和优化。
3、 如何修改Kendo内置的三个按钮代码?
4、 接下来,创建一个自定义按钮,通过编写一个DIV来实现个性化的按钮区域设计。
5、 将其绑定至Kendo工具栏中即可完成设置。
6、 好的,先看看效果
7、 如何触发官方内置事件?偶然发现,只需添加对应样式即可实现。
8、 新增记录到表格中
9、 保存当前网格中的修改内容
10、 撤销对网格数据的所有更改操作
11、 无意中按F12发现的问题,查了很久资料都没解决,最后直接复制官方HTML代码就成功了,结果让自己大吃一惊。
12、 最终效果与官方一致,通过重载内置样式实现。
