layer.open如何關閉自身彈出窗口
阿新 • • 發佈:2018-10-13
pan order 如何 span 添加按鈕 ctx eal btn align
1. 彈出窗口中本身可以添加按鈕事件如下:
layer.open({ title: ‘打印‘ ,type: 2 ,content: [ctx + ‘/saleOrder/eorderEdit?orderNbr=‘ + orderNbr, ‘yes‘] ,area:[‘900px‘, ‘600px‘] ,btn: [‘打印預覽‘, ‘關閉‘] ,btnAlign:‘c‘ ,yes: function(index, layero){ //這裏怎麽獲取到彈出框到表單內容?? } ,btn2: function(){ layer.closeAll(); } });
但是這裏在點擊打印預覽時候,想獲取到頁面中到form表單中到值比較麻煩。
所有我就直接在彈出框中定義了button按鈕。
2. 調整後如下,先註釋掉父級的按鈕:
layer.open({ title: ‘打印‘ ,type: 2 ,content: [ctx + ‘/saleOrder/eorderEdit?orderNbr=‘ + orderNbr, ‘yes‘] ,area:[‘900px‘, ‘600px‘]// ,btn: [‘打印預覽‘, ‘關閉‘] // ,btnAlign:‘c‘ // ,yes: function(index, layero){ // //這裏怎麽獲取到彈出框到表單內容?? // } // ,btn2: function(){ // layer.closeAll(); // }});
然後在彈出的框中添加button
<!-- foot button --> <div class="layui-form-item layui-layout-admin"> <div class="layui-input-block"> <div class="layui-footer" > <button class="layui-btn" lay-submit="" lay-filter="form-print">打印預覽</button> <button class="layui-btn" onclick="formClose();">關閉</button> </div> </div> </div>
接下來遇到的一個問題就是,怎麽關閉這個彈出框。
3. 在彈出框中使用onclick事件觸發關閉自身的動作。
//關閉自身 window.formClose = function(){ var index = parent.layer.getFrameIndex(window.name); //先得到當前iframe層的索引 //layer.msg(index); parent.layer.close(index); //再執行關閉 }
layer.open如何關閉自身彈出窗口