首页 > 编程 > JavaScript > 正文

在layui下对元素进行事件绑定的实例

2019-11-19 10:52:08
字体:
来源:转载
供稿:网友

要注意的是记得要先引用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 ? '禁止' : '启用'      }     },     { field: 'created_at', title: '创建时间' },     {      title: '操作',      // minWidth: 200,      templet: function(d) {       return '<button class="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下对元素进行事件绑定的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表