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

*赋值

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 是在监听表单提交的时候 获取表格值 表单提交按钮结构 提交

监听方法

 form.on('submit(filter值)', function(data){

 data.field //即 为获取的表格值；

 return false;//阻止表单提交采用jaxa处理数据

})

获得的结构为

注意这里多选的格式并不是我们想要的格式;多选的取值不能用

于是这里用另外一个方式获取

首先清除掉 带dx的项

var getData = data.field;

for( key in getData){
  var myReg = /dx/;
  if ( myReg.test(key)){
   delete getData[key];
  }
  }

然后给他赋值正确的格式

var arry = [];

$("input:checkbox[name^='grade']:checked").each(function(i){
  arry[i] = $(this).val();
 });

getData.dx = arry;

三、到这里完成 表单的赋值 取值，用layui很简单。 做表格 增删改查 这个模块必不可少

以上这篇layui写后台表格思路和赋值用法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

文章名称：layui写后台表格思路和赋值用法详解
网站网址：http://cxhlcq.com/article/peopgg.html