2019年08月02日 13:23:09
被提需求:查詢後 重置條件區域
是以寫代碼
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 狀态
//……