1. 程式人生 > 實用技巧 >Layer父元件向子元件傳遞引數

Layer父元件向子元件傳遞引數

最近在用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)
							}
						});
					});
				}