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

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

代碼：

//html代碼

#impTable{

display: none;

}

id="tableImp">

序號文件名狀態(tài)導(dǎo)入數(shù)據(jù)條數(shù)導(dǎo)入時(shí)間操作賬號

//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("未導(dǎo)入");

}

}

總結(jié)：要注意的兩點(diǎn)在html中編輯好彈出層的展示內(nèi)容impTable? ?ajax數(shù)據(jù)返回回來的時(shí)候拼接到table的body

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。