您的位置:首页 > 教育 > 培训 > Layui---toolbar与 tool的区别

Layui---toolbar与 tool的区别

2024/10/5 23:30:51 来源:https://blog.csdn.net/qq_57620101/article/details/140865335  浏览:    关键词:Layui---toolbar与 tool的区别

 table.on('toolbar'):

  • table.on('toolbar'): 这个事件监听器是用来处理表格工具栏的事件。工具栏通常位于表格的上方,可以包含添加、删除、导出等按钮。当用户与这些工具栏中的按钮交互时,比如点击一个按钮来添加新行或者进行搜索操作,toolbar 事件就会被触发。

    table.on('toolbar(test)', function(obj){var checkStatus = table.checkStatus(obj.config.id);switch(obj.event){case 'add':// 添加操作的代码break;case 'delete':// 删除操作的代码break;// 其他更多操作}
    });

 table.on('tool'): 

  • table.on('tool'): 这个事件监听器用于处理表格行内的工具按钮事件。通常情况下,每行数据可能会有编辑、删除等操作按钮,这些按钮是针对每行数据的。当用户点击这些按钮时,tool 事件就会被触发。

    table.on('tool(test)', function(obj){var data = obj.data; // 获得当前行数据switch(obj.event){case 'detail':// 查看详情操作的代码break;case 'del':// 删除操作的代码break;// 其他更多操作}
    });

总结区别:

  • toolbar 事件关联的是表格上方的工具栏按钮,通常用于表格的整体操作。
  • tool 事件关联的是表格每行中的操作按钮,通常用于针对单个数据行的操作。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com