天天看點

layui選擇框指派不顯示_layui 動态給select指派,頁面不生效

2019年08月02日 13:23:09

被提需求:查詢後 重置條件區域

layui選擇框指派不顯示_layui 動态給select指派,頁面不生效

是以寫代碼

table.reload('exhibitor', {

page: {

curr: 1 //重新從第 1 頁開始

}

,where: {

keyword: $("input[name='keyword']").val(),

is_reg: $("select[name='is_reg']").val(),

}

});

//重置搜尋條件

$('#keyword').val('');

$('#is_reg').val(0);

// $("#is_reg option[value='']").attr("selected", "selected");

//關鍵在于下一句

form.render('select'); //重新整理select選擇框渲染 必須要!

//form.render(); // 或者重新渲染所有的

開始嘗試了

$('#is_reg').val(0);

// $("#is_reg option[value='']").attr("selected", "selected");

頁面依舊還停留在選擇的下拉框

有些時候,你的有些表單元素可能是動态插入的。這時 form 子產品 的自動化渲染是會對其失效的。雖然我們沒有雙向綁定機制(因為我們叫經典子產品化架構,偷笑.gif) 但沒有關系,你隻需要執行 form.render(type, filter); 方法即可。

第一個參數:type,為表單的 type 類型,可選。預設對全部類型的表單進行一次更新。可局部重新整理的 type 如下表:

參數(type)值

描述

select

重新整理select選擇框渲染

checkbox

重新整理checkbox複選框(含開關)渲染

radio

重新整理radio單選框框渲染

例子layui.code

form.render(); //更新全部

form.render('select'); //重新整理select選擇框渲染

//……

第二個參數:filter,為 class=”layui-form” 所在元素的 lay-filter=”” 的值。你可以借助該參數,對表單完成局部更新。

例子layui.code

form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器内的全部表單狀态

form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器内的全部 select 狀态

//……