layui写后台表格思路和赋值用法详解

layui.form 模块用法总结。

公司主营业务:成都网站设计、网站制作、外贸营销网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出卓尼免费做网站回馈大家。

基于layui做 表单 赋值 取值

思路

一. 初始一个方法用来给弹窗赋值,一种赋值,是按数据赋值,一种是清空数据

 function initContorl (data){   //传数据 赋值为数组 不传数据赋值为空
 if(data){
 form.val("control",data)
 }else {
 form.val("control",
 {
  "name1": "",
  ,"name2": "",
 ,"name3":""
 })
 }

* layui 中form.val();方法form.val("control") 中的control为

标签中的 lay-filter 值, name1,name2,name2为 input的name属性值,我一般和id设为同一个

*赋值

1. name val

2 name val

3 name val

4 name val

5 开关 name val(true/fasle)

6 多选这里比较搞人 layui 要设置不同的名字然后将对应的 name 设置为true 而后台需要的是 name:vule 的json格式.

具体做法为:写成 subject为传给后端的

name值,赋值 intdata["subject["+el.st_grade+"]"] = true; intdata 传给 initContorl (data) 的data参数.

所以多选赋值: name[vlue] val(true/fasle);

*清空 不传data initContorl就是清空

1-5 自己设 6 设置为 $("input:checkbox").attr("checked",false);使用过后要更新下表单状态 form.render('checkbox');

二 获取表单数据;

layui 是在监听表单提交的时候 获取表格值 表单提交按钮结构