thymeleaf+bootstrap，onclick传参实现模态框中遇到的错误

网上大多帖子是这么写的

onclick调javascript函数时，不能直接使用οnclick=“editUser(${prod.id})”，这样会报错，需要修改成如下的格式。

<a href="#editModal" role="button" data-toggle="modal" th:onclick="'javascript:editUser('+${prod.id}+');'">修改</a>

<script>

function editUser(id){

$.get("/projectName/user/edit",{objectid:id},function(data) {

$("#frm_container1").html(data);

});

}

</script>

但是这种方式对于我的问题并不是很适用，按照这种方式，改过之后，前端依旧报错

取不到传递的字符串，大概就是这个被传递的字符串木有被定义 is not define

所以，对于thymeleaf+bootstrap，onclick传递字符串参数时，应该是这样的

1	`<a href="#editModal"` `role="button"` `data-toggle="modal"` `th:onclick="'javascript:editUser(\''+${prod.id}+'\');'">修改</a>`

转载于:https://www.cnblogs.com/sujunyuan/p/7919528.html

thymeleaf+bootstrap，onclick传参实现模态框中遇到的错误相关推荐

React自定义组件使用onClick传参注意:onClick只是一个名字而已!
核心: React自定义组件不是真实DOM,所以没有onClick属性, 如果对React自定义组件写上onClick,也只是个单纯的名字而已,onClick的值作为props传到子组件. 例如: f ...
Bootstrap从入门到实战---模态框
Bootstrap从入门到实战-模态框 <!DOCTYPE html> <html lang="en"> <head><meta char ...
iview的走马灯嵌套在模态框中，宽度为0的解决方案
在项目开发中用到了iview的走马灯嵌套在模态框中这种需求,结果发现走马灯图片不显示,打开控制台审查元素发现走马灯的内部盒子width为0,自己感觉在页面初始化的时候,因为模态框初始值为false,所 ...
URL传参时从URL中获取中文参数的方法
利用url传参时如果url中的参数是中文时因为编码类型不同在页面中获取会出现乱码使用此方法能获取url中的参数值并解决乱码问题调用时直接 GetUrlByParamName("参数名& ...
Vue的模态框中实现根据详细地址定位经纬度
最近在项目中遇到这样一个需求,在新增商品的模态框中,根据拿到的地址在地图上显示具体位置,并把经纬度给后台. 如图,选择供应商之后在2的input框中会显示详细的地址,根据后台返回的详细地址地图上定位到 ...
基于Bootstrap和animate.css的模态框动画效果
最近在网上看到了可以对Bootstrap模态框增加打开和关闭的动画效果,故记录一下.原文地址点这里此动画效果需要引入animate.css,可以在animate.css官方网址中点击下载animat ...
Bootstrap插件（一）——模态框（modal.js）
前言:这一片文章我们将对bootstrap的modal模态框进行学习,学习他是如何绑定到一个按钮上去点击显示,学习模态框的简单数据配置,学习模态框的使用方式,事件,方法.参数等:下面是modal的内容 ...
bootstrap 模态框满屏_解决Ueditor在bootstarp 模态框中全屏问题
基本的一些配置就不说了.先说一下要注意的问题:首先是zIndex的设置.记住最好都显示设置模态框和ueditor的zIndex.理清他们的层叠关系. 特别是用到ueditor里面的图片上传功能的更要设 ...
js onclick传参对象_js中onClick([object object])的传参问题。跪求！
你的位置: 问答吧 -> JavaScript -> 问题详情 js中onClick([object object])的传参问题.跪求! 问题是这样的,看代码 for(var i=0;i ...

thymeleaf+bootstrap，onclick传参实现模态框中遇到的错误

thymeleaf+bootstrap，onclick传参实现模态框中遇到的错误相关推荐

最新文章

热门文章