Layer父元件向子元件傳遞引數
阿新 • • 發佈:2020-12-24
最近在用layui寫頁面時碰到了一個問題,就是在使用頁面框時如何傳遞引數。這個需求也很常見,比如我們在處理表格資料編輯的時候,經常需要將資料回顯。但layui本身沒有對應的api,在網上找了很多解決方案,但都不是太滿意。最後我想出來一個相對而言比較簡單的方法,就是直接用jquery插值。
問題
點選查詢後如何將表格資料回顯到編輯頁面。
解決
為編輯按鈕新增一個點選事件,並傳遞資料。然後在layer的回撥函式(success方法)中,使用jquery為每個元素賦值。
function edit(product) { layui.use(['layer', 'form'], function(){ var layer = layui.layer ,form = layui.form; layer.open({ content: $("#addPage"), //這裡content是一個URL,如果你不想讓iframe出現滾動條,你還可以content: ['http://sentsin.com', 'no'] type: 1, title: '修改', skin: 'layui-layer-rim', area: ['500px', '400px'], success: function (){ $("#name").val(product.name) $("#price").val(product.price) $("#sum").val(product.sum) $("#visitCount").val(product.visitCount) if(product.status == 1){ $("#status-1").val(1) }else { $("#status-0").val(1) } $("#description").val(product.description) } }); }); }