#Layui

layui 极简模块化前端 UI 框架

Layui是一套开源免费的的WebUI组件库,采用自身轻量级模块化规范,遵循原生态的HTML/CSS/JavaScript开发模式,极易上手,拿来即用。其风格简约轻盈,而内在雅致丰盈,甚至包括文档在内的每一处细节都经过精心雕琢,非常适合网页界面的快速构建。Layui区别于一众主流的前端框架,却并非逆道而行,而是信奉返璞...

Layui 上传附件前条件判断

一、由于导入数据需要有条件,避免点击上传直接就弹出附件选择html代码1234<button type="button"class="layui-btn"id="check">     &...

layui上传附件

<buttontype="button"class="layui-upload-buttonlayui-btn"id="test1">上传附件<iclass="layui-icon">&#xe67c;</i></button><script>//文件上...
开发笔记 开发笔记·2023-05-15

layui获取select下拉框选中的value和text

layui获取text和value的方法<formclass="layui-form"action=""><divclass="layui-inline"><divclass="layui-input-inline"><selectname="modules"lay-verif...

layui动态赋值select下拉框

$.ajax({url:"/EnvironmentMonitor/GetAnalogSensor",type:"GET",dataType:"json",data:{mineCode:data.value,},success:function(data){if(data.code==0){if(data.count==...

基于Layui + .net mvc 文件压缩

html<buttontype="button"class="layui-btnlayui-btn-sm"onclick="compress()">文件压缩</button>jsfunctioncompress(){$.post('/FileCompress/compress',{},funct...

layui实现文件分片上传

html代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>layui</title><metaname="renderer"content="webkit"><meta...

基于Layui + .net mvc文件上传

html<div><tablewidth="100%"><tr><td><buttontype="button"class="layui-btnlayui-btn-sm"id="附件上传">附件上传</button></td></...

layui 富文本textarea

<linkrel="stylesheet"href="/app/admin/component/layui-v2.6.8/css/layui.css"/><scriptsrc="/app/admin/admin/js/jquery1.2.3.js"></script><scri...
开发笔记 开发笔记·2023-05-10

layui获取checkbox选中状态及点击事

单个checkboxhtml部分<divclass="layui-form-item"><labelclass="layui-form-label">单选框</label><divclass="layui-input-inline"><inputtype="chec...

layui的confirm使用

使用layui的confirmlayer.confirm('确认提交?',function(index){console.log('www.51dev.com');layer.close(index);}); ...
开发笔记 开发笔记·2021-05-26

layui弹出输入框

layer.prompt({formType:2,value:data.email},function(value,index){obj.update({email:value});layer.close(index);}); ...
星空 星空·2021-03-22

layui-弹窗携带参数

1layer.open({2type:2,3skin:'layui-layer-molv',4content:setter.host+'/toBox',5offset:'auto',6area:['1000px','584px'],7title:["选择机构"],8closeBtn:1,9success:functio...
代码星球 代码星球·2021-02-20

layui-弹窗回显

1if(JSON.parse(data).code==0){2layer.msg('提交成功',{3icon:1,4time:1000//2秒关闭(如果不配置,默认是3秒)5},function(){6window.location.href=setter.host+"/Login?";7});8}else{9laye...
代码星球 代码星球·2021-02-20

layui中的table模块中的基础参数应用

layui的table模块是一个重头,在基础参数方面尽可能地做到友好,即:保证功能的前提而又避免过于繁杂的配置。基础参数一般出现在以下几种场景中:1场景一:下述lay-data里面的内容即为基础参数项,切记:值要用单引号2<tablelay-data="{height:300,url:'/api/data'}"l...
首页上一页12345...下一页尾页