LayUI主题的文章列表，还有LayUI的技术要点_第1页

layui table 上面的switch开关切换，并获取表格里所有数据

场景需求：在layui.table上面渲染后的列表上面加一个switch开关，监听switch开关的动作，实现本列数据的状态切换！数据表格配置参数 layui.table.options.cols 配置如下、重点看 state 那一行 table.render({ele...

开发笔记 ·2024-09-29

layui table展示页表格中加入下拉选择框

layui展示页表格中加入下拉选择框，最终实现效果图：1.在初始化表格的列cols中添加：{field:'paid',sort:true,title:'付款状态',align:"center",templet:function(d){return'<selectname="paid"class="sel_xlk"...

开发笔记 ·2024-09-29

Syntax error, unrecognized expression: #layui-layer[object O

layui layer.open在使用时候出现Syntaxerror,unrecognizedexpression:#layui-layer[objectObject]，这个错误，我是这么定义的：yes:function(layero,index){//点击弹层的确定按钮时的回调复制代码上面的定义会抛出一个异...

开发笔记 ·2024-09-29

layui获取select选中的文本

一、select选项的获取在使用layui获取select选中的文本之前，首先需要获取下拉列表的选项。我们在HTML中通过以下代码创建select选项：<selectname="city"><optionvalue="beijing">北京</option><optionval...

开发笔记 ·2024-09-29

layui中添加上下文提示弹窗功能

html部分代码：<pcontext-tip="自定义上下文提示信息">段落内容...</p><divcontext-tip="自定义上下文提示信息">div内容...</div>复制代码js代码部分：//悬浮提示$("body").on("mouseenter","*[...

开发笔记 ·2024-09-29

layui复选框如何向后台传值接值

使用layui复选框的时候需要向后台传递值，值的形式为逗号分割的形式。如下图需要选择多个条件。layui的前端样式代码如下：<divclass="layui-form-item"><labelclass="layui-form-label">复选框</label><divcla...

开发笔记 ·2024-09-29

layui 极简模块化前端 UI 框架

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

开发笔记 ·2023-05-28

Layui 上传附件前条件判断

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

开发笔记 ·2023-05-15

layui上传附件

<buttontype="button"class="layui-upload-buttonlayui-btn"id="test1">上传附件<iclass="layui-icon"></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...

开发笔记 ·2023-05-15

layui动态赋值select下拉框

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

开发笔记 ·2023-05-15

基于Layui + .net mvc 文件压缩

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

开发笔记 ·2023-05-15

layui实现文件分片上传

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

开发笔记 ·2023-05-15

基于Layui + .net mvc文件上传

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

开发笔记 ·2023-05-12

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