LAYUI使用（持续更新）

2023-05-19 23:09| 来源: 网络整理| 查看: 265

1、layui里面的radio使用

单选按钮按钮内容显示

1-1、js控制radio选中：class为layui-form的lay-filter必须设置

//点击按钮-设置单选按钮值为0的内容选中 layui.use(['table','form'],function () { var table = layui.table; var form = layui.form; layui.$("#warning_vip").on("click",function (){ form.val("open_vip_zk",{"is_vip_open": "0"}); }) })

1-2、radio选择事件

//点击按钮-设置单选按钮值为0的内容选中 layui.use(['table','form'],function () { var table = layui.table; var form = layui.form; form.on('radio', function(data){ if($(data.elem).is('[name=is_vip_open]')) { setVipOpen(); } }) }) function setVipOpen() { var is_vip_open = $('[name=is_vip_open]:checked').val(); if (is_vip_open == 1) { $(".show").show(); }else{ $(".show").hide(); } } setVipOpen();

2、设置input值必填提醒

直接在input中加入lay-verify="required" 属性内容

3、一个页面使用两个table

table.render({ elem: '#table1' , method: 'post' , cols: [[ { checkbox: true, fixed: true, field: 'Id' } , { field: 'name', title: '名字', hide: true } ]] , id: 'Table1' , page: true }); table.render({ elem: '#table2' , method: 'post' , cols: [[ { checkbox: true, fixed: true, field: 'Id' } , { field: 'name', title: '名字', hide: true } ]] , id: 'Table2' , page: true }); table.reload('Table1', { page: { curr: 1 } }, 'data'); table.reload('Table2', { page: { curr: 1 } }, 'data');

【本文地址】

公司简介

联系我们