layui 动态添加多选checkbo选项后重载/刷新/更新渲染,form.render('checkbox');//刷新值

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/haibo0668/article/details/86575082

layui 动态添加多选checkbo选项

动态加选项

js 赋值之后,需要重新加载才能出现

重新加载   form.render('checkbox');//刷新值

其它表单元素:

下拉框:form.render('select');

官方说明:https://www.layui.com/doc/modules/element.html#render

更新渲染

跟表单元素一样,很多时候你的页面元素可能是动态生成的,这时element的相关功能将不会对其有效,你必须手工执行 element.init(type, filter)方法即可。注意:2.1.6 开始,可以用 element.render(type, filter); 方法替代

第一个参数:type,为表单的type类型,可选。默认对全部类型的表单进行一次更新。可局部刷新的type如下表:

参数(type)值 描述
tab 重新对tab选项卡进行初始化渲染
nav 重新对导航进行渲染
breadcrumb 重新对面包屑进行渲染
progress 重新对进度条进行渲染
collapse 重新对折叠面板进行渲染
 

例子layui.code

  1. element.init(); //更新全部 2.1.6 可用 element.render() 方法替代
  2. element.render('nav'); //重新对导航进行渲染。注:layui 2.1.6 版本新增
  3. //……
  4.  

第二个参数:filter,为元素的 lay-filter="" 的值。你可以借助该参数,完成指定元素的局部更新。

猜你喜欢

转载自blog.csdn.net/haibo0668/article/details/86575082