相思资源网 Design By www.200059.com
要注意的是记得要先引用element操作模块 ，否则是无法绑定的
格式：
$(document).on(事件，标识，function(){});
layui.use(['jquery', 'form', 'table', 'element'], function() {
var form = layui.form;
var table = layui.table;
var element = layui.element;
var $ = layui.$;
// form.render();
table.render({
elem: '#tableList',
// height: 315,
url: "{{route('admin.data')}}",
page: true, //开启分页
cols: [
[ //表头
{ field: 'id', title: 'ID', sort: true, fixed: 'left' },
{ field: 'name', title: '用户名' },
{ field: 'role', title: '角色', sort: true },
{
field: 'status',
title: '状态',
templet: function(d) {
return d.status == 0 "layui-btn layui-btn-xs " lay-filter="editF" id="edit" data-id="' + d.id + '">编辑</button>'
}
}
]
]
});
//绑定事件
$(document).on('click', '#edit', function(data) {
var id = $(this).attr('data-id');
});
});
以上这篇在layui下对元素进行事件绑定的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
标签：
layui,元素,事件绑定
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无在layui下对元素进行事件绑定的实例的评论...