*賦值

1. name val

2 name val

3 name val

4 name val

5 開(kāi)關(guān) name val(true/fasle)

6 多選這里比較搞人 layui 要設(shè)置不同的名字然后將對(duì)應(yīng)的 name 設(shè)置為true 而后臺(tái)需要的是 name:vule 的json格式.

具體做法為:寫(xiě)成 subject為傳給后端的

name值，賦值 intdata["subject["+el.st_grade+"]"] = true; intdata 傳給 initContorl (data) 的data參數(shù).

所以多選賦值： name[vlue] val(true/fasle);

*清空 不傳data initContorl就是清空

1-5 自己設(shè) 6 設(shè)置為 $("input:checkbox").attr("checked",false);使用過(guò)后要更新下表單狀態(tài) form.render('checkbox');

二 獲取表單數(shù)據(jù);

layui 是在監(jiān)聽(tīng)表單提交的時(shí)候 獲取表格值 表單提交按鈕結(jié)構(gòu) 提交

監(jiān)聽(tīng)方法

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

 data.field //即 為獲取的表格值；

 return false;//阻止表單提交采用jaxa處理數(shù)據(jù)

})

獲得的結(jié)構(gòu)為

注意這里多選的格式并不是我們想要的格式;多選的取值不能用

于是這里用另外一個(gè)方式獲取

首先清除掉 帶dx的項(xiàng)

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很簡(jiǎn)單。 做表格 增刪改查 這個(gè)模塊必不可少

以上這篇layui寫(xiě)后臺(tái)表格思路和賦值用法詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

本文名稱：layui寫(xiě)后臺(tái)表格思路和賦值用法詳解
文章地址：http://weahome.cn/article/peopgg.html