在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)文章
解讀IE和firefox下JScript和HREF的執(zhí)行順序
2008-01-01
這篇文章主要給大家介紹了關(guān)于Three.js中矩陣和向量使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Three.js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
微信小程序事件對象中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)聽的實現(xiàn)代碼，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-06-06
這篇文章主要介紹了JS模擬并美化的表單控件實現(xiàn)方法,涉及javascript結(jié)合css樣式美化表單的功能,非常美觀實用,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單的秒表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要介紹了javascript簡單寫的判斷電話號碼實例的相關(guān)資料,需要的朋友可以參考下2017-05-05
JavaScript事件Event對象詳解(屬性、方法、自定義事件)
Event對象代表事件的狀態(tài),比如事件在其中發(fā)生的元素、鍵盤按鍵的狀態(tài)、鼠標的位置、鼠標按鈕的狀態(tài),這篇文章主要給大家介紹了關(guān)于JavaScript事件Event對象(屬性、方法、自定義事件)的相關(guān)資料,需要的朋友可以參考下2024-01-01
webpack結(jié)合express實現(xiàn)自動刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實現(xiàn)自動刷新的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用webpack具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
這篇文章主要介紹了一文讓你快速了解JavaScript棧，棧全稱為堆棧，是一種先進后出的的數(shù)據(jù)結(jié)構(gòu)，棧中只有兩種基本操作，也就是插入和刪除，也就是入棧和出棧操作，棧只有一端可以進行入棧和出棧操作，我們將其稱為棧頂，另一端稱其為棧底2022-07-07