Sparks550的博客

使用场景我们需要从服务器端获取一些未来一小段时间内可以确定的事情。比如最经典的场景就是：想象一个用户在网页端通过扫码进行支付，我们怎么判断用户支付的状态。需求这是一个上传文件功能，因为处理文件数据需要一定的时间，处理结果不是能够马上得到的，因此在前端写了一个功能，不断向后端发送请求，直到获得想要的处理结果.页面展示前端代码//导入处理结果var UploadProgressTimmerupload.render({ elem: '#importresult' //绑定元素

作用json通常用于与服务端交换数据在向服务器发送数据时，一般是字符串我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。语法方法定义：JSON.stringify(value, replacer, space)参数说明：value：js对象replacer：替换对象，可以是一个方法、对象或数组，将value按照替换规则展示。space：填充参数，可以是数字或字符串，将value按照参数进行格式化展示。方法说明：将value对象转换为指

效果图说明layui内置没有该功能，所以只能自己实现。在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示，不可选的功能。table.render，cols部分 let data_cols = [[ { templet: "#checkbd", title: "<input type='checkbox' name='siam_all' title='' lay-skin='primary'

需求FORM表单新增页面，提交成功后，自动跳转到list页面新增页面就是一个简单的表单提交<div class="layui-fluid"> <div class="layui-card"> <div class="layui-card-header">这是一个FORM表单新增页面</div> <div class="layui-card-body" style="padding: 15px;">

方法一，ajax提交，就要在提交之后禁用掉按钮$('#submit').click(function(){ $.ajax(...) $(this).attr('disabled,true) // 禁用按钮or $(this).css('pointer-event','none') // 来禁用点击事件})方法二，增加参数，判断提交次数function onLine(objIds){ var num = 0; layer.confirm('处理视频？', { btn: ['

1.取字符串中的数字 let selectId = 'abc12345def'; let id = selectId.replace(/[^0-9]/ig,""); //12345

此次博文是针对上一篇文章内容的功能优化上次代码：点我根据测试人员给的建议做出修改测试人员给了两个建议页面上传文件后提示了上传成功，实际没有上传成功，如图，提示上传成功后，文件名一闪而过筛选文件类型，打开文件显示框，仅显示excel文件建议一，解决过程为什么会一闪而过这是因为，js利用了layui的上传文件功能，但是html部分写的代码没有用layui提供的方法，我是用input的方法实现的。至于为什么没有用layui提供的button方法，是因为原型图的样式，必须样式统一。每上传

需求限定input输入框内容长度为，不大于30input输入框失去焦点，check输入内容长度代码页面端：注意lay-verify=“required|account”、lay-size=“30”、id=“nameAccount”<div class="layui-col-sm12 layui-col-md4"> <div class="layui-form-item"> <label class="layui-form-label required-

其实回调函数比较复杂，来个最简单的,利用templet自定义模板效果图templet方法自定义列模板，模板遵循 laytpl语法。这是一个非常实用的功能，你可借助它实现逻辑处理，以及将原始数据转化成其它格式，如时间戳转化为日期字符等模板代码代码位置随便放，非常方便<script type="text/html" id="textColor"> {{# if(d.dealStatus == '未处理'){ }} <span style="color.

前言请看核心代码处的注释解析：其实是使用了 parent.location.reload();–>关闭页面只不过是，因为闭包函数，将parent方法放到了一个变量里layui回调函数,可以查查这个名词，会有收获 //提交 form.on('submit(component-form-demo1)', function (data) { var data = layui.table.cache["test-table-page"];

需求:form表单提交，创建一个div，由button控制，可以自由增加div中input输入框等内容的输出。样式解析:点击增加，新增一个号段框和一个删除按钮，点击删除，可以删除这一行代码<div class="layui-fluid"> <div class="layui-card"> <div class="layui-card-header">库存录入</div> <div class="la

用到的技术：Layui框架、TP5、Ajax注意：该方法，需要composer安装拓展包,当然思路最重要前端样式前端关键代码 <input type="hidden" name="iccid_list" id="iccid_list" value=""> <div class="layui-form-item"> <div class="layui-inpu

强烈建议多看jquer方法，有个印象:点我以下是工作中用到的1. attr(),设置或返回被选元素的属性值2. html(),返回或设置被选元素的内容 (inner HTML)。如果该方法未设置参数，则返回被选元素的当前内容。3. apend()，被选元素的结尾（仍然在内部）插入指定内容4. $(’#seriesByOperator’).val;获取改id的value5. remove() ,empty()remove() - 删除被选元素（及其子元素）empty() - 从被选元素中

//批量物理删除 table.on('toolbar(test-table-page)', function (obj) { if (obj.event === 'batchDeleteEditView') { //获得表格CheckBox已经选中的行的信息 let checkStatus = table.checkStatus('test-table-page'), ...

前端代码：<div class="layui-fluid"> <div class="layui-row layui-col-space15"> <div class="layui-col-md12"> <div class="layui-card"> <div class="layui-card-header">发货前，改套餐需求</div>

一、z-indexz-index:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。详细,例子