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

要注意的是记得要先引用element操作模块 ,否则是无法绑定的

创新互联建站是一家专注于成都网站制作、网站设计、外贸网站建设与策划设计,牟平网站建设哪家好?创新互联建站做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:牟平等地区。牟平做网站价格咨询:13518219792

格式:

$(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 ''
      }
     }
    ]
   ]
  });
  //绑定事件
  $(document).on('click', '#edit', function(data) {
   var id = $(this).attr('data-id');
 
  });
  });

以上这篇在layui下对元素进行事件绑定的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


文章名称:在layui下对元素进行事件绑定的实例
当前URL:http://bzwzjz.com/article/gsssij.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设流程 重庆网站建设 成都网站设计 定制级高端网站建设 手机网站建设 营销型网站建设 成都响应式网站建设 网站建设公司 成都商城网站制作 外贸网站设计方案 成都品牌网站设计 app网站建设 重庆外贸网站建设 网站制作 高端定制网站设计 网站建设开发 重庆网站设计 泸州网站建设 成都网站制作 营销型网站建设 成都网站制作公司 定制网站建设多少钱