建站
咨詢
售后
建站咨詢
新聞中心
最近，在項(xiàng)目中使用到了layer。layer的彈層組件可以說(shuō)是非常好用，layer 至今仍作為 layui 的代表作。在項(xiàng)目中，需要實(shí)現(xiàn)一個(gè)在表格里面點(diǎn)擊操作，然后彈出layer層，將父層表格的行值傳給子頁(yè)面，子頁(yè)面拿到值后，進(jìn)行業(yè)務(wù)處理，從而實(shí)現(xiàn)真正的父子頁(yè)面交互。
為濟(jì)陽(yáng)等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及濟(jì)陽(yáng)網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、網(wǎng)站建設(shè)、濟(jì)陽(yáng)網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！
其實(shí)，官方文檔都說(shuō)的很清楚了。
layui官方文檔：http://layer.layui.com/
使用版本：2.3.0
角色I(xiàn)D
角色名稱
角色描述
創(chuàng)建時(shí)間
更新時(shí)間
操作
該表格是由layui根據(jù)后臺(tái)接口動(dòng)態(tài)渲染出來(lái)的，那么該如何獲取點(diǎn)擊按鈕所處該行的數(shù)據(jù)呢？
下列方法完美解決了這個(gè)問(wèn)題！
//這里設(shè)置一個(gè)空的json串，用于接受表格的行信息
var json;
layui.use('table', function(){
var table = layui.table;
//監(jiān)聽(tīng)工具條
table.on('tool(demo)', function(obj){
var data = obj.data;
if(obj.event === 'find'){
//這行是監(jiān)聽(tīng)到的表格行數(shù)據(jù)信息，復(fù)制給json全局變量。
json = JSON.stringify(data);
layui.use('layer', function () {
layer.open({
title: '查看權(quán)限',
maxmin: true,
type: 2,
content: './privileages-manage.html',
area: ['800px', '500px']
});
});
}
});
});
----------------------------------------------------這里是子層代碼：
$(function () {
//從父層獲取值，json是父層的全局js變量。eval是將該string類型的json串變?yōu)闃?biāo)準(zhǔn)的json串
var parent_json = eval('('+parent.json+')');
console.log(parent_json);
});看一下父層和子層的效果。
http://www.ef60e0e.cn/article/jideoi.html
