layui基本使用(動態獲取數據,並把需要的數據傳到新打開的窗口)


<div class="xiaoxi">\n' +
' <div class="layui-row">\n' +
' <input type="hidden" name="id" class="id" value="' + item.ID + '"/>\n' +
' <input type="hidden" name="type" class="type" value="' + item.type + '"/>\n' +
' <input type="hidden" name="name" class="name" value="' + item.name + '"/>\n' +
' <input type="hidden" name="states" class="states" value="' + item.states + '"/>\n' +
' <div class="layui-col-xs8" style="padding-left: 50px;padding-top: 10px;">\n' +
' <div ><span name="ziti">' + item.TITLE + '</span></div>\n' +
' <div class="one" style=" padding-top: 8px;"><span name="ziti" style="font-size:12px">' + item.ZDRQ + '</span></div>\n' +
' </div>\n' +
' <div class="layui-col-xs1">\n' +
' </div>\n' +
' <div class="layui-col-xs3" style="padding-left: 50px;padding-top: 10px;">\n' +
' <div><span name="ziti">' + item.CDATE + '</span></div>\n' +
' <div><span name="ziti">' + item.TJR + '</span></div>\n' +
' </div>\n' +
' </div>\n' +
' <div style=" padding-top: 15px;"><hr/></div>\n' +
'</div>'
============================================

//消息的跳轉頁面
$(".xiaoxi").click(function () { //添加跳轉頁面的單擊事件
var id = $(this).find("input[name='id']").val();//賬單或合同的ID
var type = $(this).find("input[name='type']").val();//0是合同,1是賬單
var span = $(this).find("span").val();//獲取span標簽里的內容
if (type === "1") {//0是合同,1是賬單
if (states === "0") {//賬單待審核0/審核通過1/審核不通過2/ 默認生成3
parent.layer.open({
zIndex: 1005,
type: 2, //彈出類型
title: '審核賬單', //標題
closeBtn: 1, //顯示關閉按鈕
shade: [0.3], //遮罩透明度
area: ['80%', '90%'], //打開窗口的寬高
time: 0, //幾秒后自動關閉,默認0時不關閉
anim: 1, //動畫效果
resize: false, //設置成不允許拉伸
content: '../../../webhtml/daiban/bill_shenhe.html?BILL_ID=' + id + '' //iframe的url
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM