layui 添加功能

  case'add':layer.open({type:1,title:"添加页面",area:['580px','640px'],//设置弹出页面的宽高offset:'20px',//设置相对位置(偏移)content:$("#add_project"),//表单所在的那个ID,简单的来说就是要填写的input框等cancel:function(){//你点击右上角X取消后要做什么setTimeout('window.location.reload()',1);//点击右上角的X,关闭页面。然后进行刷新页面;},success:function(){//回调$(':input','#add_project').not(':button,:submit,:hidden,:radio').val('').removeAttr('checked').removeAttr('selected');form.render();//重新渲染form.on('submit(submitUpdProject)',function(){//点击提交后,回调;varjsonEntity={};vare...
代码星球 代码星球·2021-02-02

关于layui 前台页面表单显示内容

functionloadTickets(jsonEntity){varid=$("#byId").val();table.render({elem:'#test',url:url,//这里写调用后台方法的路径height:450,//设置表单的长度,也可以设置宽度width;toolbar:'#toolbarDemo',//开启工具栏,此处显示默认图标,可以自定义模板,详见文档page:true,//page:为true时,开启分页功能,为false时,关闭分页功能;unresize:false,//是否禁用拖拽列宽;默认为falsewhere:jsonEntity,totalRow:true,//开启合计行limits:[5,15,30],//设置分页的下拉条数;limit:5,//设置每页显示几条async:false,cols:[[{type:'checkbox',//加上复选框fixed:'left'//放在左边},{field:'name',title:'名称',event:'monthSign',width:'20%',align:'center',edit:'text',...

layui表单验证 只能是整数

大部分的layui验证在我另一个博客页面https://www.cnblogs.com/a973692898/p/11577502.html这次的是只能输入整数,之前写了一个lay-verify=”required|number”,发现在实际运用中,写小数的,会出现错误信息;换成double也不成后来就用了js辅助,看代码:<inputname="operatorId"lay-verify="suanziId"class="layui-input"type="text">额。。。我这个命名可能不怎么规范哈,  上边代码中加下划线的是重点哈;//创建一个编辑器vareditIndex=layedit.build('LAY_demo_editor');//自定义验证规则form.verify({title:function(value){if(value.length<5){return'标题至少得5个字符啊';}},suanziId:[/^[1-9]d*$/,'只能是整数哦'],content:function(value){layedit.sync...

关于layui表单,当无数据时,不显示null,

很简单的,只需要加一个判断field:'dataOffset',title:'偏移量',event:'detail',align:'center',edit:'text',templet:function(row){if(row.dataOffset==null){return"";}returnrow.dataOffset;只需要加个if当它为null时,返回一个“”就可以咯...

关于layui 弹出页面。点击X之后的事件

layer.open({type:1,title:"添加页面",area:['680px','630px'],offset:'20px',content:$("#dev_detail"),cancel:function(){//你点击右上角X取消后要做什么setTimeout('window.location.reload()',1);},success:function(){}这是一个弹出层的页面,在layui中,点击“添加”功能键之后弹出这个页面。但是有一种情况,是当我们点击X,关闭这个页面,可能会导致,修改页面的某些数据不显示,如:描述;所以,这种情况下,我们需要在点击X之后,进行一下页面刷新;cancel:function(){//你点击右上角X取消后要做什么setTimeout('window.location.reload()',1);} 想请教下,在layui中的那些异步刷新,怎么写:flush(currentPage)————这个是没有作用的;//刷新functionflush(currentPage){table.reload('listTable',{pa...

layui添加后重新渲染添加页面----------------------亲测可行,希望能有更多晓得layui常用的大佬留言

  1//#add_sys_cfg是添加页面的那个总div的id2$(':input','#add_sys_cfg').not(':button,:submit,:hidden,:radio').val('').removeAttr('checked').removeAttr('selected');34//之前在表单中设置的默认值5$("#dev_detail").find("input[name='cycle']").val("1000");6//从新渲染7form.render();...

layui表单自带验证

layui表单1.表单自带校验lay-verify:是表单验证的关键字 有以下值供选择:required(必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义值同时支持多条规则的验证: 格式:lay-verify=”验证A|验证B” 如:lay-verify=”required|phone|number”另一种写法:https://www.cnblogs.com/a973692898/p/11683733.html(正则表达式)我自己写了一个全套的layui注册页面,有兴趣的可以瞅瞅:https://www.cnblogs.com/a973692898/p/11713850.htmllayui官方示例:https://www.layui.com/demo/form.html...
代码星球 代码星球·2021-02-02

layui遮罩层

varloading=layer.msg('正在提交!',{icon:16,shade:0.3,time:0});...
代码星球 代码星球·2021-01-24

Layui多级表头导出

https://blog.csdn.net/weixin_45237517/article/details/100119628?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.control...
代码星球 代码星球·2021-01-24

Layui复杂表头自定义

table.render({                   elem: "#subjectTable",                   url: "/elseAffair/inventoryAdjust/inquireCommodity",                   text:{         ...

Layui table 初始化

 table.render({elem:'#LAY-app-content-tags',url:"/api/services/app/BimAttribute/GetAllForLayui",parseData:function(res){//自定义解析返回的数据return{"code":res.success,//解析接口状态"msg":res.error,//解析提示文本"count":res.result.count,//解析数据长度"data":res.result.data//解析数据列表};},limit:10,limits:[10,20,30],cols:[[{field:'id',title:'ID',hide:false},{field:'componentCode',title:app.localize("ComponentCode"),sort:true},{field:'concretValue',title:app.localize("ConcretValue")},{field:'identifier',title:app.localize("I...
代码星球 代码星球·2021-01-22

Layui 文件上传 附带data数据

  配置项中增加参数:,data:{CaseId:function(){return$("#CaseIdoption:selected").val();},CaseName:function(){return$("#CaseIdoption:selected").text();}}  例子:upload.render({elem:'#test-upload-more',url:'/Handler/CoverModelFileHandler.ashx?type=uploadAndCreate',multiple:true,accept:'file'//普通文件,auto:false,data:{CaseId:function(){return$("#CaseIdoption:selected").val();},CaseName:function(){return$("#CaseIdoption:selected").text();}},choose:function(obj){//上传前选择回调方法obj.preview(function(ind...

Layui 隐藏左侧菜单

  简单实现//隐藏菜单varbl=$("#LAY_app_flexible").hasClass("layui-icon-shrink-right");if(bl){$("#LAY_app_flexible").click();} ...
代码星球 代码星球·2021-01-22

Layui 关闭当前标签页

  parent.layui.admin.events.closeThisTabs(); ...
代码星球 代码星球·2021-01-22

Layui Iframe页面间 方法的相互调用

 就是普通的iframe之间方法的调用,只是注意一下src就像 varchildWindow=$(window.parent.document).find("iframe[src='/Admin/CheckImages/Index.aspx']")[0].contentWindow;childWindow.showCheckImage(); ...
首页上一页...23456...下一页尾页