在提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效的做法是:
在<form>里面,加上 lay-filter="formConfig" , οnsubmit="return false" , 其中 “formConfig” 为自定义,然后在 提交的按钮事件内:
form.on("submit(formConfig)",function(data){return false;}); 具体做法:
1、在form 里面:<form class="layui-form" id="addform" name="addform" lay-filter="formCon...
如果我们需要通过链接传参的话,我们需要使用使用url+/#/参数
如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on(click, #edit, function(data) {var id = $(this).attr(data-id);var url = "edit/#/id=" + id;// console.log("edit/"+id);dialog.addOrEdit(编辑, url, 300px, 400px);});通过router获取都传过来的参数
var router = layui.router();
var id = router.search.id;发现有点坑就是layui官方文档没看到...
直接上代码啦注意事项:
1. 必须写 layui.use([form])
2. 先把属性设置为disabled
3. 再form.render()一下
以上这篇layui select 禁止点击的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
1、根据表格数据动态显示操作列按钮
<script type="text/html" id="barDemo">
{{# if (d.event_level ==4){}}<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="known"><i class="layui-icon">?</i>已知</a>
{{# } else if(d.event_level ==2){ }}{{# if(d.event_type_state ==0){ }}<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="known"><i class="layui-icon">?</i>已知</a>{{# }if(d.event_typ...
目的: 点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图:Html 代码:
<body><div class="layui-form" lay-filter="useradmin" id="useradmin"><div class="layui-form-item"><label class="layui-form-label">用 户 名</label><div class="layui-input-inline"><input type="text" name="username" lay-verify="required" id="username" placeholder="请输入用户名" autocomplete="off" class="layui-input"></div></d...
使用layui table后,table会自动有一个滑动条,使用时需要去掉,原理如下:
定义一个tab的父div id,在这个id中寻找 class为 layui-table-main,layui-form的标签,将高度设置为100%即可。
//在layui table加载完成后,重新设置表格高度为100%,不限制表格高度,不会在表格上出现垂直滚动条function AutoTableHeight(){var dev_obj = document.getElementById(table_and_page_div_id); //table的父divvar layuitable_main = dev_obj...
1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下2.获取上述input并设置其value属性值为目标跳转页面页码
$(".layui-laypage-skip").find("input").val(目标跳转页面页码 );3.触发跳转按钮的click事件
$(".layui-laypage-btn").click();备注:页码输入框和跳转按钮位置以上这篇Layui数据表格跳转到指定页的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
效果如下图:显然这个插件是一个checkbox,只是在layui中封装了。所以layui的js和css是必不可少的。
Html代码:
<form class="layui-form" action=""><div class="layui-form-item"><label class="layui-form-label">开关</label><div class="layui-input-block"><input type="checkbox" checked="" name="switch" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF"></div></div>
</form>Js代码:
<script>layui.use([...
废话不多说啦,直接贴上代码吧! <div class="layui-form-item layui-form-text">
<label class="layui-form-label">
<span class="x-red">*</span>权限表
</label>
<div class="layui-input-block">
<table class="layui-table layui-input-block">
<tbody>
<tr>
<td>
客...