在layui下對(duì)元素進(jìn)行事件綁定的實(shí)例
更新時(shí)間：2019年09月06日 09:52:15 作者：Q-u-a-n
今天小編就為大家分享一篇在layui下對(duì)元素進(jìn)行事件綁定的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
要注意的是記得要先引用element操作模塊 ，否則是無(wú)法綁定的
格式：
$(document).on(事件，標(biāo)識(shí)，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, //開(kāi)啟分頁(yè)
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)建時(shí)間' },
{
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下對(duì)元素進(jìn)行事件綁定的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
解讀IE和firefox下JScript和HREF的執(zhí)行順序
2008-01-01
這篇文章主要給大家介紹了關(guān)于Three.js中矩陣和向量使用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Three.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
微信小程序事件對(duì)象中e.target和e.currentTarget的區(qū)別詳解
這篇文章主要介紹了微信小程序事件對(duì)象中e.target和e.currentTarget的區(qū)別詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽(tīng)的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽(tīng)的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-06-06
這篇文章主要介紹了JS模擬并美化的表單控件實(shí)現(xiàn)方法,涉及javascript結(jié)合css樣式美化表單的功能,非常美觀實(shí)用,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的秒表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
javascript簡(jiǎn)單寫(xiě)的判斷電話號(hào)碼實(shí)例
這篇文章主要介紹了javascript簡(jiǎn)單寫(xiě)的判斷電話號(hào)碼實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05
JavaScript事件Event對(duì)象詳解(屬性、方法、自定義事件)
Event對(duì)象代表事件的狀態(tài),比如事件在其中發(fā)生的元素、鍵盤(pán)按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài),這篇文章主要給大家介紹了關(guān)于JavaScript事件Event對(duì)象(屬性、方法、自定義事件)的相關(guān)資料,需要的朋友可以參考下2024-01-01
webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了一文讓你快速了解JavaScript棧，棧全稱為堆棧，是一種先進(jìn)后出的的數(shù)據(jù)結(jié)構(gòu)，棧中只有兩種基本操作，也就是插入和刪除，也就是入棧和出棧操作，棧只有一端可以進(jìn)行入棧和出棧操作，我們將其稱為棧頂，另一端稱其為棧底2022-07-07