layui给某一列加点击事件

最新推荐文章于 2024-03-27 12:34:06 发布

原创最新推荐文章于 2024-03-27 12:34:06 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #javascript

这篇博客探讨了如何使用JavaScript在HTML页面中渲染表格，并展示了如何通过监听工具条实现特定元素（如支付类型）的点击事件，以展示更多详情。示例中，`<script type=text/html id=pay_type>` 内容用于生成带有链接和title属性的表格单元格，当鼠标悬停时显示支付方式的详细信息。

js渲染表格写法

html页面

<script type="text/html" id="pay_type">
     <a class="layui-table-link paytype"  lay-event="paytype" title="点击查看支付方式订单明细">{{ d.pay_type }}</a>
</script>

title 是鼠标移上去显示的信息

监听工具条