layui。形式模块用法总结。
基于layui做表单赋值取值
<强>一。初始一个方法用来给弹窗赋值,一种赋值,是按数据赋值,一种是清空数据强>
函数initContorl(数据){//传数据赋值为数组不传数据赋值为空 如果(数据){ form.val(“控制”,数据) 其他}{ form.val(“控制”, { “name1”:“”, “name2”:“”, “name3”:“” }) }
* layui中form.val();方法form.val(“控制”)中的控制为& lt; form>标签中的lay-filter值、name1 name2, name2为输入的名称属性值,我一般和id设为同一个
<强> *赋值强>
1。& lt;输入类型=拔谋尽钡拿?皀ame”比;名字val
2 & lt;选择name=皀ame”祝辞& lt;/select>名字val
3 & lt;输入类型=肮悴ァ泵?懊帧北?名字val
4 & lt; textarea name=" desc祝辞& lt;/textarea>名字val
5开关& lt;输入类型=案囱】颉泵?皁ff_on lay-skin”=翱亍眑ay-text=翱魘关闭”比;名字瓦尔(真/意见)
6多选这里比较搞人layui要设置不同的名字然后将对应的名字设置为真实而后台需要的是名称:vule的json格式。
具体做法为:写成& lt;输入类型=案囱】颉泵?" [GS024]“value=" https://www.yisu.com/zixun/GS024 " title=吧踩北?主题为传给后端的
名称值,赋值intdata(“主题”+ el。st_grade +“]”)=true;intdata传给initContorl(数据)的数据参数。
所以多选赋值:名称(vlue)瓦尔(真/意见);
*清空不传数据initContorl就是清空
1 - 5自己设6设置为美元(“输入:复选框”).attr(“检查”,假);使用过后要更新下表单状态form.render(“复选框”);
<强>二获取表单数据;强>
layui是在监听表单提交的时候获取表格值表单提交按钮结构& lt;按钮lay-submit lay-filter=?”在提交& lt;/按钮
监听方法
form.on(提交(过滤值),函数(数据){ 数据。?/即为获取的表格值; 返回false;//阻止表单提交采用jaxa处理数据 }) >之前获得的结构为
注意这里多选的格式并不是我们想要的格式;多选的取值不能用
于是这里用另外一个方式获取
首先清除掉带dx的项
var getData=https://www.yisu.com/zixun/data.field; getData(关键){ var myReg=/dx/; 如果(myReg.test(关键)){ 删除getData(例子); } } >之前然后给他赋值正确的格式
var进行=[]; $("输入:复选框(名字^=澳昙丁?:检查”). each(函数(i) { 进行[我]=$ ().val (); }); getData。dx=进行; >之前<强>三,到这里完成表单的赋值取的值,用layui很简单。做表格增删改查这个模块必不可少强>
以上这篇layui写后台表格思路和赋值用法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
layui写后台表格思路和赋值用法详解