thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误
2017-06-29 16:43
573 查看
一个困扰了N久的问题。。。
网上大多帖子是这么写的
onclick调javascript函数时,不能直接使用onclick=“editUser(${prod.id})”,这样会报错,需要修改成如下的格式。
但是这种方式对于我的问题并不是很适用,按照这种方式,改过之后,前端依旧报错
取不到传递的字符串,大概就是这个被传递的字符串木有被定义 is not define
所以,对于thymeleaf+bootstrap,onclick传递字符串参数时,应该是酱婶儿的
在这里记下,避免下次忘了。。。。
网上大多帖子是这么写的
onclick调javascript函数时,不能直接使用onclick=“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传递字符串参数时,应该是酱婶儿的
<a href="#editModal" role="button" data-toggle="modal" th:onclick="'javascript:editUser(\''+${prod.id}+'\');'">修改</a>
在这里记下,避免下次忘了。。。。
相关文章推荐
- thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误
- Jsp页面关于BootStrap模态框和<a href onclick>事件不能同时使用,以及传参的问题
- 实现《ucosii原理与ARM应用程序设计》中ex2_3中遇到的错误
- 在用achartengine实现绘制图表的过程中遇到个空指针错误
- 关于用bootstrap实现页面中遇到的问题
- BootStrap实现邮件列表的分页和模态框添加邮件的功能
- 关于bootstrap分页,模态框,实现邮件列表的分页,和模态框添加邮件的功能
- 处理JSP中文跨页面间传参乱码的问题有两种方法实现方法(每个搞JSP的最常遇到的问题之一) 实例版:)
- bootstrap 双层模态框的实现
- c链表实现遇到的错误
- jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
- Bootstrap 模态窗口实现居中
- angular 实现modal windows效果(即模态窗口,半透明的遮罩层),以及bootstrap(css,components,js)的初步学习
- bootstrap 模态框垂直居中实现方法
- 使用Bootstrap Tabs选项卡Ajax加载数据的实现以及遇到的问题;
- 使用Javascript实现Dropdownlist级联操作中遇到的两个错误
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- bootstrap实现模态框实例
- Spring AOP 一个类实现接口时遇到id类型转换错误
- validate[.unobtrusive]和Bootstrap实现tooltip错误提示