需求描述：點擊表格中的數據，彈出一張具體信息表。描述的不是很清楚，放效果圖，就明白了，上圖

放心，能看到的數據，都不是生產數據，我造的假數據，但是功能效果就是這樣，點擊列表中的一行，彈出某些要展示的信息。很明白吧！ha?(?>?

代碼：

//html代碼

#impTable{

display: none;

}

id="tableImp">

序號文件名狀態導入數據條數導入時間操作賬號

//js代碼function impNum(examId) {

var impTable = $('#impTable')

var url = rootPath + '/vraxx/batch/findDetail';

var data = CommnUtil.ajax(url, {

examId: examId

}, "json");

if (data!=''&& data!=null ){

for (var i = 0; i < data.length; i++) {

var tv = "

" +

'

'+i+1+'' +

'

' + data[i].fileName + '' +

'

' + data[i].tempStatus + '' +

'

' + data[i].num + ' ' +

'

' + data[i].createDate + '' +

'

' + data[i].createName + '' +

'

'

$('#tableImp tbody').append(tv);

}

var index= layer.open({

type:1,

title:'XX詳情',

btn: ['返回'],

area: ['50%', '50%'],

content: impTable,

end:function () {

layer.close(index);

var prevDataPath = $("#topli li:last-child").prev();

var prevDataPathVal = $(prevDataPath).attr("data-path");

loadListView("AAAA", "BBBB", "0", "", prevDataPathVal);

}

});

} else{

layer.msg("未導入");

}

}

總結：要注意的兩點在html中編輯好彈出層的展示內容impTable? ?ajax數據返回回來的時候拼接到table的body

總結

以上是生活随笔為你收集整理的layui表格弹窗修改_layUI 实现自定义弹窗的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。