场景

在SpringBoot项目中使用thymeleaf模板时按钮的点击事件没法触发。

需要用到jquery的delegate()函数。

delegate()函数用于为指定元素的一个或多个事件绑定事件处理函数。

实现

html代码：

<button id="uploladBtn" class="btn btn-info mt-2" type="button" ><i class="fa fa-reply"></i>上传</button>

引入js文件：

th:replace="layout/layout(title='收货单数据',cssPaths='/public/css/plugins/jsTree/style.min.css',jsPaths='/modular/receiveOrder/wmsReceiveOrder.js')">

js代码：

$(document).delegate("button#uploladBtn", "click", function () {uploadExcel();});

这样就能在js文件中通过button的id触发点击事件。

SpringBoot中使用thymeleaf时点击按钮触发事件失败相关推荐

避免button处理事件过程中点击按钮触发事件的方法
1 private void button1_Click(object sender, EventArgs e) 2 { 3 //...处理事件 4 for (int i = 0; i < 5; ...
Python的Tkinter点击按钮触发事件
如果要开发一个比较大的程序,那么应该先把代码封装起来,在面向对象编程中,就是封装成类先看代码: import tkinter as tk class App: def __init__(se ...
DataList中的按钮触发事件的方法的实现
DataList中的按钮触发事件的方法的实现 1.要在CommandName中设定名字如: <asp:Button id="Button1" runat=&quo ...
SpringBoot中使用thymeleaf的switch来实现if-else if -else的效果
场景 SpringBoot中使用thymeleaf的开关语句实现if-else if -else的效果. Switch使用示例: <div th:switch="${user.role ...
【SpringBoot】3、SpringBoot中整合Thymeleaf模板引擎
SpringBoot 为我们提供了 Thymeleaf 自动化配置解决方案,所以我们在 SpringBoot 中使用 Thymeleaf 非常方便一.简介 Thymeleaf是一个流行的模板引擎,该 ...
php 点击按钮触发微信分享,微信自定义分享-PHP
一:首先在公众号管理后台"公众号设置"的"功能设置"里填写JS接口安全域名二:在需要调用JS接口的页面引入微信JSSDK的JS文件:http://res.wx ...
如何通过按钮触发事件由一个jsp页面转到另一个jsp页面
如何通过按钮触发事件由一个jsp页面转到另一个jsp页面 2008-05-21 10:01shuang_0402 分类:其他编程语言 | 浏览 8688 次编程语言登陆页面,如何通过按钮触发事 ...
java按钮触发事件程序,小编给你传授java怎么实现按钮触发事件功能
电脑现已成为我们工作.生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到java怎么实现按钮触发事件功能的问题,如果我们遇到了java怎么实现按钮触发事件功能的情况,该怎么处理怎么才能解决ja ...
SpringBoot中使用thymeleaf时ajax请求不能回显消息
场景在SpringBoot项目中使用thymeleaf模板时,在js文件中使用ajax提交表单不能成功回显消息. 实现修改为 html中: <button id="parseBt ...

SpringBoot中使用thymeleaf时点击按钮触发事件失败

场景

实现

SpringBoot中使用thymeleaf时点击按钮触发事件失败相关推荐

最新文章

热门文章