layui.form 模塊用法總結(jié)。

公司主營業(yè)務(wù)：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出卓尼免費(fèi)做網(wǎng)站回饋大家。

基于layui做 表單 賦值 取值

思路

一. 初始一個(gè)方法用來給彈窗賦值，一種賦值，是按數(shù)據(jù)賦值，一種是清空數(shù)據(jù)

 function initContorl (data){   //傳數(shù)據(jù) 賦值為數(shù)組 不傳數(shù)據(jù)賦值為空
 if(data){
 form.val("control",data)
 }else {
 form.val("control",
 {
  "name1": "",
  ,"name2": "",
 ,"name3":""
 })
 }

* layui 中form.val();方法form.val("control") 中的control為 <form> 標(biāo)簽中的 lay-filter 值, name1,name2,name2為 input的name屬性值，我一般和id設(shè)為同一個(gè)

*賦值

1. <input type="text" name="name"> name val

2 <select name="name"></select> name val

3 <input type="radio" name="name"> name val

4 <textarea name="desc"></textarea> name val

5 開關(guān) <input type="checkbox" name="off_on" lay-skin="switch" lay-text="開啟|關(guān)閉"> name val(true/fasle)

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

具體做法為:寫成 <input type="checkbox" name="subject[GS024]" value="GS024" title="生命安全"> 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);使用過后要更新下表單狀態(tài) form.render('checkbox');

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

layui 是在監(jiān)聽表單提交的時(shí)候 獲取表格值 表單提交按鈕結(jié)構(gòu) <button lay-submit lay-filter="*">提交</button

監(jiān)聽方法

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

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

新聞標(biāo)題：layui寫后臺(tái)表格思路和賦值用法詳解
本文來源：http://www.rwnh.cn/article16/peopgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、用戶體驗(yàn)、ChatGPT、域名注冊(cè)、搜索引擎優(yōu)化、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)