前端开发

我们要实现下拉多选，可以利用layui的一个控件xm-select实现下拉多选，具体实现步骤如下： 1.页面head中引入xm-select.js，此控件也可以百度搜到，下载地址： 点我下载 script type="text/javascript" src="/style/js/xm-select.js"/script 2.前端渲染 div id="demo1" class="...

本站总结了layui刷新当前页面的各种方法，希望能够帮到需要的朋友： 1、编辑成功后刷新父页面，代码如下： $.ajax({type: "POST",url: "${base}/pm/pmshiftEditList",data: $("#form").serialize(),//将对象序列化成JSON字符串success: function(res) {if (res.success) {parent.layer....

layui默认提供有sort排序，但是仅针对当前页面中的数据，无法实现全局数据的排序，如果需要全局排序，需要后台程序支持才可以实现。 可以在layui触发排序事件上改进下。 本功能必须配合后台程序否则无效。 实现方法 table格式这么写： table...

layui实现图片上传成功后回显点击放大图片功能，html代码部分： !-- html代码--div class="layui-form-item" label class="layui-form-label"上传图片/label div class="layui-input-block" button type="button" class="layui-btn" id="license-auth-letter-...

Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果，最终效果如下图所示： 实现代码如下，在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150...

我们在用到layui时候，需要点击文本输入框调起弹出选择框并选择内容，这个要怎么操作呢？以下两种方法可以参考： 1、点击名称，弹出信息弹框，选择表格中的某一行，实现效果如下： html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen...

https的网站如果引用百度地图，会出现加载不了的问题，这是因为涉及到跨域问题，网站是https的，但是引用百度地图的是http的，这个要怎么操作呢？ 比如我引用的地址：http://api.map.baidu.com/api?v=2.0ak=AK显示 后来看了一下，少了一个s=1字段，加一下s=1...

做小程序项目的时候，客户提了一个功能需求优化，就是长按文字需要复制全部内容，因为有的手机支持全选复制，有的手机不支持全选复制。 通过设置系统剪贴板的内容和获取系统剪贴板的内容实现复制功能 html相关代码： van-field value="{{form.contactPhone}}"...

由于项目功能需要，要实现对table中的行实现拖拽排序功能，找来找去发现Sortable.js能很好的满足这个需求，而且它还是开源的，于是乎就开始学习使用Sortable.js 特点 轻量级但功能强大 移动列表项时有动画 支持触屏设备和大多数浏览器（IE9及以下除外） 支持...

DEDE默认的搜索功能，所得到的结果是按照文章加入的先后排序的 很多时候，我们希望得到的结果按点击数排序，点击多的排前面。 那么就修改这一个地方： include/inc_arcsaerch_view.php的大概第48行，将： $this-OrderBy = 'wmd_full_search.aid desc'; 改为...

最近项目中遇到需要下拉框能实现根据首字母进行模糊搜索，下拉框使用的是xm-select，而xm-select支持中文的搜索，后端接口也仅支持中文的。因此需要借助其他插件来完成功能。最终实现的效果如下： 涉及到的基础文件：引用 pinyin.js 和 initials.js。再引用 l...

我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢？实现的最终效果如下： 1. 在当前HTML文档checked监听函数中增加以下代码： //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);...