Layui
永不满足的求知者
Java-->Vue/React-->ArkTS
展开
-
Layui弹出层自动关闭并刷新父页面
弹出层提交表单//监听提交form.on('submit(enadd)', function(data) { $.ajax({ url : '../../user/UserInsertServlet', dataType : 'json', data : $(data.form).serialize(), type : 'post', success : function...原创 2019-08-25 10:30:27 · 2176 阅读 · 1 评论 -
Layui生成表格 设置序号 开启首列多选框 隐藏列 设置时间格式 自动调节列宽 尾列添加操作 使用switch表单元素
设置序号{ type : 'numbers', width : 50, title : '序号', fixed : "left"}开启首列多选框{ type : 'checkbox', fixed : 'left'}隐藏列{ field : 'tsid', title : '团队关系编号', hide : true}设置时间格式 (以下举例只显示年月){...原创 2019-08-25 11:06:43 · 513 阅读 · 0 评论 -
Layui为弹出层 radio 赋值 为下拉列表赋值
父页面界面:点击编辑进入子页面界面:父页面js代码if(obj.event === 'edit'){ layer.open({ type: 2 ,title: "修改学生信息" ,area: ['45%', '70%'] ,content: 'displayStu.html', success: function(layero, index){ var...原创 2019-08-25 11:30:40 · 2362 阅读 · 0 评论 -
Layui 实现录入功能
Layui之二级联动,动态获取数据库院系,二级联动获取专业,监听提交使用Layui,页面需要引入的:<link rel="stylesheet" href="../../css/layui.css" media="all"><script type="text/javascript" src="../../js/jquery.min.js"></script&...原创 2019-08-16 17:29:18 · 1268 阅读 · 0 评论 -
Layui实现多条件查询
带分页的多条件查询多条件查询表单<form class="layui-form" action=""> <div class="layui-inline"> <label class="layui-form-label">年级</label> <div class="layui-input-inline"> ...原创 2019-08-16 17:59:32 · 20039 阅读 · 23 评论 -
Layui弹出层 修改删除
班级修改和删除(修改用到了弹出层)弹出层页面<div class="layui-input-block layui-form" id="modifyClass" lay-filter="updateClass" style="margin-top: 30px""> <form class="layui-form" action="" lay-filter="ex...原创 2019-08-16 18:20:18 · 3492 阅读 · 0 评论 -
Layui批量删除
监听复选框 监听点击事件两个按钮放在<script>中<script type="text/html" id="toolbarDemo"> <div class="layui-btn-container demoTable"> <button class="layui-btn layui-btn-sm" lay-event="add" ...原创 2019-08-16 18:32:17 · 5357 阅读 · 1 评论 -
Layui选择年和选择年月时,不能直接点击选中,需要点击确定,解决方案
Layui选择年和选择年月时,不能直接点击选中,需要点击确定,解决方案年//只选年日期laydate.render({ elem : '#grade', type : 'year', position : 'fixed', ready : function(date) { // 控件在打开时触发,回调返回一个参数:初始的日期时间对象 initYear = date.year; ...原创 2019-08-30 11:43:53 · 4024 阅读 · 2 评论