Layui中templet中a的onclick参数传递的问题

最新推荐文章于 2024-08-07 02:29:47 发布

黄宝康

最新推荐文章于 2024-08-07 02:29:47 发布

阅读量9.2k

点赞数 1

分类专栏： layui 文章标签： Layui中templet中a的onclick参数传递的问题

本文链接：https://blog.csdn.net/huangbaokang/article/details/82257165

版权

本文介绍了在Layui的模板templet中，使用a标签的onclick事件时遇到的参数传递问题。由于内容字段可能包含单引号导致JS错误，通过避免使用引号来解决这个问题，确保点击查看内容的弹窗功能正常工作，提醒开发者注意此类潜在的陷阱。

摘要由CSDN通过智能技术生成

以下是我的模板，主要用在列表页table中的按钮，点击弹窗展开详情页的功能。

<script type="text/html" id="contentTpl">
       <a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" onclick='showContent("{
   {
   d.CONTENT}}")' >查看内容</a>
</script>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黄宝康

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Layui数据表格templet中超链接onclick的参数写法

huangbaokang的博客

08-01

9060

LayUI table 复选框点击传值

520_LH

06-30

2008

layui.config({ base: '../../js/' }).extend({ userApi: 'api/userApi', }); layui.use(['form', 'layer', 'userApi', 'table', 'laytpl'], function() { var form = layui.form, layer = parent.layer === ...

4 条评论您还未登录，请先登录后发表或查看评论

解决Layui中templet中a的onclick参数传递的问题

12-30

以下是我的模板，主要用在列表页table中的按钮，点击弹窗展开详情页的功能。 [removed] <a href='[removed];' bfnclick='showContent({{d.CONTENT}})'>查看内容</a> [removed] 项目跑了许久，突然说点击查看内容没反应，查出原因是，d.CONTENT如果有单引号或者双引号会报js错误。于是改成下面的形式解决问题。 <script type=

使用layui，动态生成的标签加onclick点击事件,终于找到一个能用的方法了,可以获取当前元素

capricornce的博客

11-20

3万+

使用layui的时候，动态生成一段数据： "<i class='fa fa-clock-o fa-1g' style='color: darkgrey; padding-left: 80px'> "+val.insertTime+"</i> 想给这个 <i></i>标签加点击事件：因为用的layui框架，整体上也用了它的一些规则： ...

layui - - - 自定义分页和列的自定义模板（图书管理系统）

最新发布

weixin_40198643的博客

08-07

212

1.自定义分页在组件中找到“表格”，右侧选择“基础属性”，设置“page”属性为 object json 对象，来实现自定义分页。传入“分页”组件 laypage。 2.设置自定义分页的样式在分页组件属性中，设置各个属性的值。设置属性如下。登录后复制 page: { limit: 5 // 每页显示的条...

Layui中templet中a标签的onclick参数传递的问题

whatname123的博客

10-19

1936

Layui中templet中a的onclick参数传递的问题，解决：去掉外层引号。中间不能有空格，分号结尾。

layui 数据表格请求传参_Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数...

weixin_39906130的博客

12-22

2775

背景笔者之前一直使用 bootstrap table ，因为当前项目中主要使用 Layui 框架，于是也就随了 Layui table ，只是在使用的时候出现了一些问题，当然也是怪自己不熟悉的锅吧！出现的问题：1、使用 Layui 官方提供的【转换静态表格】方式初始化加载时报 id 找不到的错误(自己的锅)2、传递参数问题(姑且算是 Layui 官方的锅)笔者使用的 table 加载刷新方案有...

layui 数据表格最简单的点击事件

weixin_30537391的博客

07-24

1954

//定义点击事件 table.on('row(test)', function(obj){ console.log(obj.tr) //得到当前行元素对象 console.log(obj.data) //得到当前行数据 //obj.del(); //删除当前行 //obj.update(fields) //修改当前行数据 ...

layui使用templet格式化表格数据的方法

12-13

增加js /*———————格式化时间开始————————–*/ //对Date的扩展，将 Date 转化为指定格式的String //月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， //年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) //例子： //(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 //(new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:

解决layui动态添加的元素click等事件触发不了的问题

12-13

在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的，当动态添加 ‘.add_project’ 时候，新添加的元素却触发不了click事件，类似下面的写法： $(".add_project").on('click', function(){ alert('1') }); 解决办法很简单，就是用全局的document来监控 ‘.add_project’ 元素，如下： $[removed]("click",".add_project",function(){ alert('1'); }) 这样就很好的解决了问题了。以上这篇解决layui动态添加的元

Layui表格绑定行点击事件和获取行数据的方法

陈新科的博客

06-15

5039

这里先记录一个行点击事件的坑初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的

layui 知识点1

静如雪的博客

03-17

959

1.layui监听和 onclick事件 $(document).on('click','.dianz',function(e){ var id=e.currentTarget.dataset.index $.ajax({ url: '/home/givetup', ...

layui 标签内onclick事件的调用

xingxing12323的博客

09-17

1万+

layui表格中动态拼入onclick事件 , {field: 'signaturePicPath', title: '手写图片', minwidth: 290,templet:function (d) { if (d.signaturePicPath != null) { return '<a href="javascript:void(...

layui中如何给一个单元格里不同的元素添加点击事件

oCaiWen的博客

04-02

1472

1.给整个单元格添加点击事件： {field: 'wenan', align:'left', event:'click' width: '30%',templet:'#wenan'} 2.如果一个单元格存了多个数据分别添加事件： <script type="text/html" id="wenan"> <span class="font-s12"> <em&g...

layui表格点击按钮带参数跳转（js）

不会写后端的前端不是一个好运维。

03-03

3348

layui表格点击按钮带参数跳转（js）

layui中实现按钮点击事件