精华内容
下载资源
问答
  • 本文实例为大家分享了layui-日期控件的实现代码,供大家参考,具体内容如下:日期目前Layui中的日期组件还是layDate 1.1的改良版,它后续将会进行一次重写。顺便列举几个常用例子范围选择layui.use('laydate', ...

    本文实例为大家分享了layui-日期控件的实现代码,供大家参考,具体内容如下:

    日期
    目前Layui中的日期组件还是layDate 1.1的改良版,它后续将会进行一次重写。

    顺便列举几个常用例子

    范围选择

    layui.use('laydate', function(){

    var laydate = layui.laydate;

    var start = {

    min: laydate.now()

    ,max: '2099-06-16 23:59:59'

    ,istoday: false

    ,choose: function(datas){

    end.min = datas; //开始日选好后,重置结束日的最小日期

    end.start = datas //将结束日的初始值设定为开始日

    }

    };

    var end = {

    min: laydate.now()

    ,max: '2099-06-16 23:59:59'

    ,istoday: false

    ,choose: function(datas){

    start.max = datas; //结束日选好后,重置开始日的最大日期

    }

    };

    document.getElementById('LAY_demorange_s').onclick = function(){

    start.elem = this;

    laydate(start);

    }

    document.getElementById('LAY_demorange_e').onclick = function(){

    end.elem = this

    laydate(end);

    }

    });

    效果图:

    展开全文
  • layui使用jq

    2021-01-13 19:18:49
    背景 友人咨询layui怎么使用ajax,官方文档没有说明,但本人看到module中有Jquery,并查看源码不是删减版的,$.ajax $.get $.post都有。但是不能直接使用,因为jq源码是注册到初始化它的类中,默认是windows. 废话...

    背景 友人咨询layui怎么使用ajax,官方文档没有说明,但看到layui/module中有Jquery.js推测有加载机制,并查看源码不是删减版的,$.ajax $.get $.post都有。但是不能直接使用,因为jq源码是注册到初始化它的类中,默认是windows.

    废话少说,全局调用

    引入jqlayui.use("jquery")
    然后$变为layui.$,例如layui.$get layui.$ajax

    展开全文
  • [原因描述]编辑编辑按钮,获取obj.data数据,将obj.data数据赋值给window的属性formData在layer弹出后的iframe中获取parent的fromData,使用val函数进行赋值界面点击编辑按钮执行下面的代码table.on('tool(complainList...

    [原因描述]

    编辑编辑按钮,获取obj.data数据,

    将obj.data数据赋值给window的属性formData

    在layer弹出后的iframe中获取parent的fromData,使用val函数进行赋值

    界面

    b31fe877cce85867fd47509daf9840bd.png

    点击编辑按钮执行下面的代码

    table.on('tool(complainList)', function(obj) {

    var data = obj.data;

    window.formData = obj.data;

    json = JSON.stringify(data);

    switch (obj.event) {

    case 'edit':

    var w = ($(window).width() * 0.7);

    var h = ($(window).height() - 50);

    var index = layer.open({

    type: 2,

    title: titile + "编辑页面",

    area: ['60%', '60%'],

    fix: false,

    maxmin: true,

    shadeClose: true,

    shade: 0.4,

    skin: 'layui-layer-lan',

    content: "formComplaintForm.html",

    });

    break;

    case 'del':

    在弹出的界面formComplaintForm.html中获取formData并赋值

    投诉ID

    服务编号

    服务类型

    投诉订单号

    投诉原因

    投诉详情

    投诉状态

    数据状态

    立即提交

    重置

    layui.use(['form'], function() {

    form = layui.form;

    form.render();

    form.val('data-form',window.parent.formData)

    });

    奇怪的是,赋值失败,from中的值还是原样

    我于是进行手动赋值查看

    layui.use(['form'], function() {

    form = layui.form;

    form.render();

    debugger;

    form.val('data-form',window.parent.formData)

    var data1=window.parent.formData;

    var data2={id: 3, serviceCode: "001", compType: "0", compOrder: "001", compReason: "none",};

    console.log(data1);

    console.log(data2);

    form.val('data-form',data2)

    });

    form.val('data-form',data2) 可以赋值成功,但是

    form.val('data-form',data1)却赋值失败,我观察data1和data2的数据是相同的,为什么使用data2会赋值失败呢?

    源码地址

    https://gitee.com/litongjava_admin/java-ee-spring-boot-1.5.8-study/blob/master/ee-spring-boot-1.5.8-layui-2.5.5/src/main/resources/ee-spring-boot-1.5.8-layui-2.5.5/formComplaintList.html

    展开全文
  • layUI ajax加载html页面后重新渲染相关问题同:1、layUI使用jquery.load加载界面时,如何让layui渲染页面?2、layUI ajax加载html页面后重新渲染layUI ajax加载html页面后渲染,关键在将html插...

    layui重新渲染的方法:首先通过layUI ajax加载html页面;然后将html插到指定位置后重新调用“element.init();”渲染即可。

    layUI ajax加载html页面后重新渲染

    相关问题同:

    1、layUI使用jquery.load加载界面时,如何让layui渲染页面?

    2、layUI ajax加载html页面后重新渲染

    layUI ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();渲染$.ajax({

    url : url,

    type : 'GET',

    success : function(data) {

    $("#layui-tab-title").append("

    tab名称");

    $("#layui-tab-content").append(data);

    layui.use('element', function() {

    var element = layui.element;

    element.init();

    });

    }

    })

    渲染主要在下面element.init();这句layui.use('element', function() {

    var element = layui.element;

    element.init();

    });

    类似的,如果form中的radio没有渲染,则在加载页面添加以下代码亦可解决:layui.use('form', function() {

    var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功

    form.render();

    });

    展开全文
  • layui是PHP,layui怎么

    2021-03-23 18:38:48
    如果你想了解更多关于layui的知识,可以点击:layui教程layui是什么layer,一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心。...—–来自百度百科根据layer组件使用人数,就可以看出layui框架是...
  • layui怎么实现三级联动?下面本篇文章给大家介绍一下使用layui实现三级联动效果。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。基于layui的三级联动模块直接进入主题吧。封装的模块需要固定的...
  • layui的表格使用还是非常简单的,layui文档中已经非常详细,下面直接上代码了如果你想了解更多关于layui的知识,可以点击:layui教程1、jsp代码 发布Banner2、然后是js代码layui.use('table', function(){ var table...
  • layui的tips层的使用方法:首先引入文件layer.css和layer.js文件;然后使用代码格式为“layer.tips(msg, '#id',{tips: 1},time:10000)”;最后设置相关参数即可。本教程操作环境:Windows7系统、layui2.4版,该方法...
  • layui的tips层怎么用?下面本篇文章给大家介绍一下layui中tips的使用。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。layui中tips的使用1、引入文件 layer.css 、 layer.js2、参数介绍:layer....
  • layui怎么调整弹框大小?下面本篇文章给大家介绍一下layui中调整layer弹出窗体大小的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。layer是一个备受青睐的web弹层组件,在默认状态下layer...
  • 项目实际开发中遇到一些问题,在查看layui官方文档之后,没找到对应的处理方法,靠自己摸索了一些东西出来,记录下来,以备以后使用。(初次写,有不对的地方,请多包涵。)以下为开发过程出现的具体需求:ps: 以下...
  • layui怎么表格中显示图片

    千次阅读 2019-11-16 10:29:38
    layui的表格使用还是非常简单的,layui文档中已经非常详细,下面直接上代码了 如果你想了解更多关于layui的知识,可以点击:layui教程 1、jsp代码 <div class="demoTable"> <button class=...
  • layui的表格使用还是非常简单的,layui文档中已经非常详细,下面直接上代码了如果你想了解更多关于layui的知识,可以点击:layui教程1、jsp代码发布Banner2、然后是js代码layui.use('table', function(){var table =...
  • 首先需要引入layui的js脚本文件,和css样式文件。需要使用jquery的,也引入对应文件。...但这里需要注意的是...在页面加载完函数ready里,(这里使用jquery的),我们要引入layui的form组件,然后调用render方法。...
  • 一、吐槽,layui感觉真的是比较不好用二、为啥不好用呢,在现如今的页面动态渲染的情况的,layui这种基于原生js的模式让代码编写变得很臃肿,可能一个功能的开发我用其vue框架很简便就实现了,但是使用这个就要用很...
  • 是通过form表单提交数据到servlet的,那么如果使用ajax提交数据怎么做呢,网上资料是非常少的,下面我将向大家演示如何使用ajax提交数据,完成登录的操作,本次的UI界面我们使用Layui。备注:更多技术文章在,公众号...
  • 是通过form表单提交数据到servlet的,那么如果使用ajax提交数据怎么做呢,网上资料是非常少的,下面我将向大家演示如何使用ajax提交数据,完成登录的操作,本次的UI界面我们使用Layui。备注:更多技术文章在,公众号...
  • 之前有说个一个写div,遮罩层的思路(可以参考之前的文章)二、解决方案因为整体使用的是layui,所以就考虑使用layui本身实现其功能。网上查了相关资料,然后这里记录下三、直接贴代码吧layer.open({type:...
  • 在我们使用layui进行开发时经常会遇到要将数据导入导出的问题,下面就为大家介绍一个插件,可以将Excel数据导入,也可以将数据导出成excel。环境提示:预览环境需要部署在服务器下,不然无法异步获取需要导出的数据...
  • Layui使用总结

    2020-05-07 11:59:52
    1.js功能不全.需要下载插件 tree 功能简单 table 大部分功能都有 select多选 需要下插件 ...表单验证触发有bug,且不能单独使用,必须触发form监听,没有返回值, 提示信息不能自定义, 想要的话得自定义整个验证规则 d...
  • 我们一般最基本的登录验证,是通过form表但提交数据到servlet的,那么如果使用ajax提交数据怎么做呢,网上资料是非常少的,下面我将向大家演示如何使用ajax提交数据,完成登录的操作,本次的UI我们使用Layui ...
  • 如图,js怎么写啊?刚接触layui还不太会.部分js如下 ``` layui.config({ base: '/modules/' //静态资源所在路径 }).use(['jquery','layer','jmdf'], function () { var $ = layui.jquery,layer = layui....
  • layui得表格怎么使用合计

    千次阅读 2019-07-16 16:18:48
    最后一行的合计希望是理由 totalRow: true和totalRowText: '合计'来写 其他的就省略啦,只写主要得。 totalRow:true, cols: [ [{ type: 'numbers', ...
  • 使用这个代码: window.parent.location.reload();

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 270
精华内容 108
关键字:

layui怎么使用