欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在layui下對元素進行事件綁定的實例

 更新時間:2019年09月06日 09:52:15   作者:Q-u-a-n  
今天小編就為大家分享一篇在layui下對元素進行事件綁定的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

要注意的是記得要先引用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: '狀態(tài)',
      templet: function(d) {
       return d.status == 0 ? '禁止' : '啟用'
      }
     },
     { field: 'created_at', title: '創(chuàng)建時間' },
     {
      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下對元素進行事件綁定的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Three.js中矩陣和向量的使用教程

    Three.js中矩陣和向量的使用教程

    這篇文章主要給大家介紹了關(guān)于Three.js中矩陣和向量使用的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用Three.js具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
    2019-03-03
  • 微信小程序事件對象中e.target和e.currentTarget的區(qū)別詳解

    微信小程序事件對象中e.target和e.currentTarget的區(qū)別詳解

    這篇文章主要介紹了微信小程序事件對象中e.target和e.currentTarget的區(qū)別詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實例代碼

    Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實例代碼

    本文通過實例代碼給大家介紹了Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實現(xiàn)代碼,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧
    2017-06-06
  • JS模擬并美化的表單控件完整實例

    JS模擬并美化的表單控件完整實例

    這篇文章主要介紹了JS模擬并美化的表單控件實現(xiàn)方法,涉及javascript結(jié)合css樣式美化表單的功能,非常美觀實用,需要的朋友可以參考下
    2015-08-08
  • js實現(xiàn)簡單的秒表

    js實現(xiàn)簡單的秒表

    這篇文章主要為大家詳細介紹了js實現(xiàn)簡單的秒表,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • javascript簡單寫的判斷電話號碼實例

    javascript簡單寫的判斷電話號碼實例

    這篇文章主要介紹了javascript簡單寫的判斷電話號碼實例的相關(guān)資料,需要的朋友可以參考下
    2017-05-05
  • JavaScript事件Event對象詳解(屬性、方法、自定義事件)

    JavaScript事件Event對象詳解(屬性、方法、自定義事件)

    Event對象代表事件的狀態(tài),比如事件在其中發(fā)生的元素、鍵盤按鍵的狀態(tài)、鼠標的位置、鼠標按鈕的狀態(tài),這篇文章主要給大家介紹了關(guān)于JavaScript事件Event對象(屬性、方法、自定義事件)的相關(guān)資料,需要的朋友可以參考下
    2024-01-01
  • webpack結(jié)合express實現(xiàn)自動刷新的方法

    webpack結(jié)合express實現(xiàn)自動刷新的方法

    這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實現(xiàn)自動刷新的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用webpack具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
    2019-05-05
  • 一文讓你快速了解JavaScript棧

    一文讓你快速了解JavaScript棧

    這篇文章主要介紹了一文讓你快速了解JavaScript棧,棧全稱為堆棧,是一種先進后出的的數(shù)據(jù)結(jié)構(gòu),棧中只有兩種基本操作,也就是插入和刪除,也就是入棧和出棧操作,棧只有一端可以進行入棧和出棧操作,我們將其稱為棧頂,另一端稱其為棧底
    2022-07-07

最新評論