❸、layui
layui
郑清
If I were you.
展开
-
Layui(1) 数据表格 前后端json数据接收
先上效果图:前端数据表格: <div class="x-body"> <%-- 数据表格 --%> <table class="layui-table" lay-data="{ id:'test', url:'/menu/page', page:...原创 2018-12-21 18:58:40 · 29864 阅读 · 7 评论 -
Layui(2) form表单提交之后重新加载数据表格
如下图,在我们做高级查询的时候需要重新加载数据表格 table.reload();HTML form表单<div class="layui-row"> <form class="layui-form layui-col-md12 x-so" id="zq_search"> 菜单:<input id="name" type=...原创 2018-12-23 19:13:21 · 14200 阅读 · 8 评论 -
Layui(3) templet替代easyui的formatter解决数据格式化
可参考layui官方文档解决:https://www.layui.com/doc/modules/table.html#templet前言:相信大家在实现layui对象格式化的时候 会出现 [object Object] 这种情况,用过easyui的朋友可能都知道有一个formatter属性可以解决这一问题,那么在layui中怎么解决这一问题呢??首先先抱歉,看了一下layui文档没...原创 2018-12-24 10:06:36 · 8337 阅读 · 1 评论 -
Layui(4) 增删改查 完整案例
分享一下最近花了2天时间来做的一个layui前端的CURD,先来看看效果是不是自己想要的吧... 【代码放最后了】因为每天还要上课,所以虽然花了2天时间来弄,但实际上写的时间比较少,有些功能做的不是很好,还请大佬见谅可参考layui官方开发文档:https://www.layui.com/doc/以及在线示例:https://www.layui.com/demo/lay...原创 2018-12-24 10:58:36 · 33923 阅读 · 10 评论 -
Layui(5) 绑定事件监听
温馨小提示:如果是form表单的绑定事件监听,可参考官网文档:https://www.layui.com/doc/modules/form.html#on下面是绑定普通事件①html页面给你想要绑定的地方加上id或class属性,下面我以id举例 <a class="iconfont icon-touxiang layui-hide-xs" id="zq_login">...原创 2018-12-30 10:31:47 · 17634 阅读 · 1 评论