layui | 易学教程

Layui form表单提交注意事项

阅读更多关于 Layui form表单提交注意事项

// 表单提交 form. on( 'submit(first1)', function (data) { var articleFrom = data. field; $. ajax({ type: "POST", url: "/user/upDate", data: articleFrom, dataType: "JSON", success: function (data) { if(data.flag){ layer. closeAll(); } } }); return false; }); 最后return false防止页面刷（form表单提交后如果请求原来的页面尾后没有参数？id=之类的参数请求，可以不返回false））， http://localhost:8080/jump/jumpToPages?flag=5请求原页面大有参数，必须返回false，不然页面获取不到参数报错来源： oschina 链接： https://my.oschina.net/u/4295517/blog/3360621

layui表单提交与ajax访问webapi

阅读更多关于 layui表单提交与ajax访问webapi

啊啊啊啊这个东西实在很蛋疼啊每次访问webapi就很老火这里就一下以后忘记的话就来查阅不多说直接开始首先html页面新建一个基于layui的form表单页面LayuiForm.cshtml(我的项目是基于mvc的当然webform也是可以的就不写了个人习惯webform做前台的时候后台用一般处理程序.ashx来搭配)。 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>LayuiForm</title> <link href="~/Scripts/layui/css/layui.css" rel="stylesheet" /> <script src="~/Scripts/jquery-3.3.1.js"></script> <script src="~/Scripts/layui/layui.js"></script> </head> <body> <form class="layui-form" action="" method="post"> <div class="layui-form-item"> <label class="layui-form-label">输入框</label

layui form 表单提交用 ajax提交

阅读更多关于 layui form 表单提交用 ajax提交

layui form 表单提交用 ajax提交 <form class="addvoteform layui-form "> <button class="layui-btn layui-btn-sm" lay-submit lay-filter="formDemo2" >确定</button> </form> 　　 form.on('submit(formDemo2)', function(data){ 　　　　　　　　　　/* layer.msg(JSON.stringify(data.field)) */ $.ajax({ url:"../Contestant/Employee.do", async: false, type:"POST", dataType: " text ", data:data.field, success: function(data){ if($("#isphone").val()==0){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }else { window.history.go(-1); } } }) return false; }); 　　来源： oschina 链接： https://my.oschina.net/u

layui form ajax提交

阅读更多关于 layui form ajax提交

layui form 表单提交用 ajax提交 layui form 表单提交用 ajax提交 1 2 3 4 5 6 <form class = "addvoteform layui-form" > <button class = "layui-btn layui-btn-sm" lay-submit lay-filter= "formDemo2" >确定</button> </form> 　　 1 form. on ( 'submit(formDemo2)' , function(data){ 　　　　　　　　　　/* layer.msg(JSON.stringify(data.field)) */ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $.ajax({ url: "../Contestant/Employee.do" , async: false , type: "POST" , dataType: "text" , data:data.field, success: function(data){ if ($( "#isphone" ).val()==0){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }

手把手带你搭建Java共享网盘

阅读更多关于手把手带你搭建Java共享网盘

项目介绍在线共享网盘采用jsp+servlet搭建项目结构实现共享网盘，项目分为管理员，普通用户和会员三种角色，根据不同角色控制不同权限，实现不同用户对个人文件文件，所有文件，共享文件的增删改查操作。开发环境： jdk 8 intellij idea tomcat 8.5.40 mysql 5.7 所用技术： jsp+servlet js+ajax layUi jdbc直连项目访问地址 http://localhost:8090 项目结构项目截图注册我的网盘我的共享回收站会员充值管理员-所有文件管理员-共享申请关键代码: 1.初始化工作 //数据库连接初始化 public class DBInfo { String url = null; String username = null; String password = null; String driverClass = null; private static DBInfo db = new DBInfo(); public static DBInfo getInstance(){ return db; } private DBInfo() { InputStream in = this.getClass().getClassLoader().getResourceAsStream("db

XiaoNuo快速开发平台代码生成发布啦

阅读更多关于 XiaoNuo快速开发平台代码生成发布啦

小诺团队做开源已经将近一个月，在平时忙碌的工作之余跟晚上的时间，也在抓紧时间做开发。在此时间段当然我们的其他产品也不能停下来，就好比：xiaonuo-layui版本的工作流大模块、xiaonuo-cloud版本，相信很快跟小伙伴们见面。为了加快cloud版本日程，小诺团队成员也由2人增加到3人！同时也欢迎其他有想法的小伙伴加入到我们的开源中一起做贡献，可以在官网获取联系方式与我们沟通！此次一共发布了xiaonuo-vue版本与xiaonuo-layui版本的代码生成器，完全独立的模块，可拓展，可二次开发，为普通模块开发省去了大部分拷贝粘贴的时间。可生成所有查询框、查询条件根据不同的需求进行删减，下个版本会在此基础上面增加详细到每个字段在各个代码模块下的配置感兴趣的小伙伴可以关注下我们，全系版本都免费，我们的官网是： https://xiaonuo.vi p 来源： oschina 链接： https://my.oschina.net/u/3359742/blog/4842451

Niushop开源商城表单单选按钮、开关按钮及表单展示等开发代码

阅读更多关于 Niushop开源商城表单单选按钮、开关按钮及表单展示等开发代码

上一期，阿牛 ger与大家分享了创建表单的基本功能，调整表单宽度、表单输入框、表单必输标识、表单注释及复选框功能的添加代码，这一期，阿牛ger接着与大家分享Niushop开源商城表单开发那些事儿：单选按钮效果图：代码如下：  <div> <label>单选框</label> <div> <input type="radio" name="sex" value="0" title="男"> <input type="radio" name="sex" value="1" title="女" checked> </div> </div> 注意： checked 表示选中开关按钮效果图：代码如下：  <div> <label>开关关</label> <div> <input type="checkbox" value="1" lay-skin="switch"> </div> </div> 表单展示效果图：代码如下： <div> <label>表单展示</label> <div> <p>2019-11-11 15:30:29</p> </div> </div> 表单 - 按钮效果图：代码如下： <div> <button class="layui-btn ns-bg-color">保存</button> <button

00012-layui 表格table刷新后，工具栏的按钮失效

阅读更多关于 00012-layui 表格table刷新后，工具栏的按钮失效

工具栏按钮： <script type="text/html" id="taskListTable-toolbar"> <div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" data-type="cancelTask">任务作废</button> </div> </script> 示例代码中工具栏按钮的监听事件： table.on('toolbar(taskListTable)', function(obj){ switch(obj.event){ case 'cancelTask': active.cancelTask() break; }; }); 这个代码，当tableIns.reload();之后，事件就失效了。解决办法： $("body").on('click','.layui-btn-container .layui-btn', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); data-type="cancelTask" 对应的方法： var active = { cancelTask:function(){ ////...... } }

layui table 表格查询无效问题

阅读更多关于 layui table 表格查询无效问题

【热身话题】　　在开发的过程中，大量数据的展示大多采用表格的方式，直观，清晰。在这里，我也使用过一些框架Bootstrap.table ，Dev table ,layui table。本次采用的layui table。用表格展示数据的同时会提供丰富的查询条件去筛选相应的数据。由于大量的数据，一般都会使用分页的形式去查询数据，框架中带有这种功能。　　【底部分页栏效果图】　　【上方查询栏效果图】【问题来源】　　首次进入页面或者页数停留在第一页使用查询栏查询时能够查询到数据。当分页切换到第二页时，再使用查询栏查询，可能查不到数据。（为什么说是可能？后面会给出解释）【理想方法】　①在查询提交参数时，添加一个参数 page:1 layui中通过where提交参数　 where:{ search:{'USER_NAME':'汪菜菜'},page:1} 　　注：此方法虽然看似解决了问题，实际存在巨大的bug。你会发现使用查询栏后当你选择任一页时请求后台的page参数都为1，也就是无论选择哪一页得到的结果都是第一页的数据。　 ②自己也找过资料，说要把请求参数写成下方这种形式，测试结果也并未解决问题，和不加的效果相同，不知道时因为后台处理问题还是其他问题。 var Table = { ID: "tb", page: { curr: 1 }, Where: { search:

超级简单POI导出Excel实战

阅读更多关于超级简单POI导出Excel实战

在一般的生产管理系统都会将数据通过页面导出到Excel，这里以Java为例通过第三方开源poi进行对Excel的操作，具体操作如下 1.引入jar包依赖这里我以maven的方式引入jar包，具体依赖如下 < dependency > < groupId > cn.afterturn </ groupId > < artifactId > easypoi-base </ artifactId > < version > 3.2.0 </ version > </ dependency > 2.创建自定义导出Excel样式类 package com.sunny.spring.boot.poi.common; import org.apache.poi.ss.usermodel.BorderStyle; import org.apache.poi.ss.usermodel.CellStyle; import org.apache.poi.ss.usermodel.FillPatternType; import org.apache.poi.ss.usermodel.Font; import org.apache.poi.ss.usermodel.HorizontalAlignment; import org.apache.poi.ss.usermodel.IndexedColors;

订阅 layui