![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Layui
SD_54
努力的人
展开
-
layui使用laytpl模板引擎动态加载下拉框option
html<select name="channelType" id="channelType" lay-verify="required"> <script id="selectChnTypes" type="text/html"> <option selected="selected" value=''>-----------请选...原创 2019-12-26 19:50:11 · 2343 阅读 · 1 评论 -
layui表格复选框不居中对齐
加上如下的css样式<style> .layui-table-cell .layui-form-checkbox [lay-skin="primary"]{ top: 50%; transform: translateY(-50%); }</style>原创 2019-11-18 10:29:58 · 908 阅读 · 0 评论 -
Layui选择单选框实现table行上下移动,并实现数据的排序
描述由于表格是layui的方法渲染完成的,所以使用js无法获取到某个表格的tr(等待方法),只能使用layui的方法table.cache.testReload(testReload为table.render中的id);在仅仅进行上下移动表格行后,layui无法获取到调整顺序后的表格数据;so,在上下移动的时候就可以把表格数据进行交换(比如:上移某行时,把这行数据和他上一行的数据交换)...原创 2019-06-29 10:38:26 · 12293 阅读 · 9 评论 -
Layui表单自定义校验(确认密码、用户已存在)
描述layui中像输入长度、大小写这样的自定义校验,官方文档中应该很容易看懂的。这里说两个常用的:注册时的确认密码校验;注册时用户已存在校验。实施1、确认密码html:<div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-lab...原创 2019-07-04 19:07:38 · 12582 阅读 · 1 评论 -
layui动态加载select下拉数据,点击两次才出现的问题
描述这里指的是通过layui官方示例中的方式写的select,如下:<div class="layui-form-item"> <label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select name="...原创 2019-06-29 13:57:15 · 3682 阅读 · 1 评论 -
layui多文件列表上传+上传中loading效果
描述项目中实际使用的例子,不是单一个上传。是添加公告、添加帖子等等模块中的一个功能。从layui官网的例子做一些改动,没有进度条(太难了),而是在每一行加了loading效果。此功能是选择文件后直接上传。如果用的官网例子,选择文件先不上传的那种,改一下不难。功能描述点击选择文件按钮,选择文件后在表格追加一行,直接上传上传中:上传成功:删除的是文件的i...原创 2019-07-17 17:20:32 · 4709 阅读 · 1 评论