lll_lll

lll_lll

670飞吻 2019-4-17 加入 来自贵州遵义

(最近都没什么需求,坐着实在是无聊,fly社区是个好地方,很高兴能和大家一起学习,)

lll_lll 最近的提问

lll_lll 最近的回答

  • 3天前layui table初始化时列固定不起作用中回答:

    你好 这确实应该算是一个bug,也有可能是浏览器不兼容,但也不可能连Google也不兼容吧,我也常遇到这问题,在你的数据不是很多的时候确实不稳定,特别是初始化的时候基本没国定列,只有在浏览器最大化时出现滚动条时才会固定列,如果在浏览器最大化时没有出现滚动条(或出现滚动条幅度不大时),即使你在非最大化是初始化出现了滚动条也不会出现固定列,你必须要再改变一下浏览器显示的宽度才会出现固定列,所以猜的没错这国定列的功能在初始化时是根据你的屏幕宽度来适应的,而非浏览器显示区域的宽度(目前研究的源码不多,只是猜测)
    以上是我最近使用发现的问题,可能需要贤心优化一下
  • 3天前弹出层如何关闭并刷新中回答:

    你好,你的这两个比较基础的问题,文档里面都还是写的比较清楚,请你多花一点时间好好研究一下文档
    关闭弹出层
    https://www.layui.com/doc/modules/layer.html#layer.close
    刷新表格
    https://www.layui.com/doc/modules/table.html#reload
  • 3天前求帮忙upload上传问题和图标问题中回答:

    接口错误 我猜是域名的问题,不好意思仅凭你说的这些我也只能猜一下,也不可能帮助你准确的解决问题
  • 3天前laydate怎么限制只能选择每月的最后一天呢中回答:

    @flying87 那我觉得你需要和你们产品说清楚哦,目前不支持这个效果,如果非要你们实现比较难,实现方式:1、找到页面加载完后的HTML的底层代码用js改变其样式与点击等效果,2、自己写一个类似laydate的组件,3、改layui的源码(前提得清楚layui的逻辑)。都是耗时耗力的工作,如果时间有限建议说服产品用上面的办法,选择时只选择月数,选完后输入框里面显示完整日期
  • 4天前laydate怎么限制只能选择每月的最后一天呢中回答:

    既然你每月只能选最后一天,何不改为只选择月数,选完后自己补上选择月数的最后一天
  • 4天前在layui中如何使用Jquery 删除 属性和css样式中回答:

    //禁用与启用新增的按钮,简单暴力,下面代码有省略自己补完
    function disabledAddBtn(isDisabled) {
    //从新定义工具栏
    var disabled = isDisabled ? 'layui-btn-disabled' : ''; //isDisabled 为 true 时则禁用,反之启用
    var str="<div...> <button class='... "+disabled+"'>添加</button>...";
    $('#toolbarDemo').html(str);
    }
  • 5天前点击导航菜单显示tab页面?中回答:

    @MasterGe 那些js都是你自己写的吗,这个功能基本是不需要写js代码的,你只需要把如下的HTML的框架写出来然后把路径放上去就行了
    <!-- 侧边菜单 -->
    <div class="layui-side layui-side-menu">
    <div class="layui-side-scroll">
    <div class="layui-logo">
    <span>CMS v1.1.0_beta</span>
    </div>
    <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
    <#--系统管理-->
    <li data-name="systemManagement" class="layui-nav-item">
    <a href="javascript:;" lay-tips="系统管理" lay-direction="2">
    <i class="layui-icon layui-icon-set"></i>
    <cite>系统管理</cite>
    </a>
    <dl class="layui-nav-child">
    <dd data-name="modulesManagement" ">
    <a lay-href="/management/page/module">系统菜单</a>
    </dd>
    </dl>
    </li>
    </ul>
    </div>
    </div>

    <!-- 主体内容 -->
    <div class="layui-body" id="LAY_app_body">
    <div class="layadmin-tabsbody-item layui-show">
    <iframe src="/management/empty" frameborder="0" class="layadmin-iframe"></iframe>
    <!-- 此处的src是默认显示页面对应的URL,这里是相对路径(即同一域名后面的访问路径) -->
    </div>
    </div>
  • 5天前Layui数据表格查询无数据时的显示问题中回答:

    @FlyStone 如果数据格式都没问题,不可能出现一些数据能显示一些数据不能显示的情况,能看看你的整个table渲染的代码吗
    //table的默认数据格式,注意只有code = 0时才能显示数据
    {
    "code": 0,
    "msg": "",
    "count": 1000,
    "data": [{}, {}]
    }
  • 5天前点击导航菜单显示tab页面?中回答:

    @MasterGe
    你写了这个东西吗,显示页面的
    <!-- 主体内容 -->
    <div class="layui-body" id="LAY_app_body">
    <div class="layadmin-tabsbody-item layui-show">
    <iframe src="/management/empty" frameborder="0" class="layadmin-iframe"></iframe>
    </div>
    </div>
  • 5天前Layui数据表格查询无数据时的显示问题中回答:

    @FlyStone 按照你所说的,很有可能是你后台返回的数据有问题,你从新打开一个网页模拟一下table访问后台查看一下数据是否正常,特别你是说的日期区间较小时出错的访问,用URL后面加?跟参数访问对比一下返回数据试试
  • 5天前点击导航菜单显示tab页面?中回答:

    @MasterGe 判断是否是路径的问题,浏览器中打开一个新页面,试一下用你当前的域名加上lay-herf的值能否访问到页面
    或者调试一下看看你发送请求的URL是否能访问到页面,能访问到就是你的代码的问题了
  • 6天前弹出层表格内容超出,点击显示全部按钮没有反应中回答:

    应该是z-index的大小问题,被你的弹出层覆盖了,你可以在调试里面看一元素的z-index的值
  • 6天前Layui数据表格查询无数据时的显示问题中回答:

    无数据当然解析失败啦,我想你需要设置默认的错误信息,或者在后端返回数据为空时设置返回的错误代码(前提得吧code的值设置为不为0的数)
    下面代码是设置默认错误信息,希望能帮到你
    table.render({
    elem: '#couponCodeManageList',
    url: '/management/couponCodePool/getOtherCouponsTypeList',
    where: { //设定异步数据接口的额外参数,任意设
    // title: $('#title').val(),
    },
    cols: [[]],
    text: { //自定义文本,此处用法--》当返回数据为空时的异常提示
    none: '暂无相关数据' //默认:无数据。注:该属性为 layui 2.2.5 开始新增
    }
    });
  • 6天前垃圾东西,早点倒闭吧中回答:

    @皮一下下 哎,一个人的目光相对于多个人的目光来说时短浅,这么多人使用都没问题(你那个不过是很基础用法),都给提建议,你不更应该反思一下自己吗。看了你的代码,你说写的是原生js代码,你确定写的不是jQuery框架的代码吗,自己没有加载jQuery赋不了值怪layui,自己的问题都不能发现怎么解决问题,你这样的人只能看到别人的问题去看不到自己的问题(不好意思有针对性了哈)。看到你提及Java,反问你懂吗,你懂Java的jvm吗,你知道Java的gc机制吗,你了解最基础的类String类吗,能说懂的人绝对不多
  • 6天前关于在弹出层内容操作日期组件,无法验证的问题中回答:

    很明显你的保存按钮是你弹窗的按钮,并不是表单的提交按钮
    解决方法:去掉你的弹窗按钮,表单中加上如下代码
    <button class="layui-btn" lay-submit="" lay-filter="saveBtn" style="width: 120px;margin-left: -60px;">保存</button>
  • 7天前怎么判断富文本是否为空中回答:

    @小哥哥小姐姐 如果layui要实现你说的那些需求,底层实现也没你想的那么简单,目前layedit只有那么几个方法,能获取值的只有两个方法,获取HTML文本和获取纯文本值,要实现你的需求,你自己得结合这两个方法写很多判断,首先空格本就不为空,现在的layedit支持的文件基本可分为两类:文字、图片,知道这个后你就可以很好的实现你的需求,我的建议只是建议包括以上
    1、先用layedit.getContent(index)获得编辑器的内容,即html文本内容,判断是否为空
    2、第一步不为空的情况下,判断文本中是否包含</img>,如果包含,判断src是否为空(只判断出一个就可返回不为空)
    3、第二步为空的情况下,用layedit.getText(index) 获得编辑器的纯文本内容,去掉空格判断是否为空
    基本判断就是这些,更好的办法我没有,但我会用已有的东西加最笨的方法实现需求
  • 2019-8-9 17:7:54怎么判断富文本是否为空中回答:

    这不只发一个表情也可以,而不输入是不能发送的
    layedit.sync(index) 用于同步编辑器内容到textarea(一般用于异步提交) 参数 index: 同上
    然后在判断textarea的内容是否为空就行就行
    富文本文档: https://www.layui.com/doc/modules/layedit.html
  • 2019-8-9 17:4:38怎么判断富文本是否为空中回答:

    [哈哈]
  • 2019-8-9 13:51:28求layui 富文本编辑器的代码及js中回答:

    @左一1994 文档比较全面, 自己研究吧,别的代码一定适合你
    <textarea id="dealingRemarks" name="dealingRemarks"  class="layui-textarea"></textarea>

    var layedit;
    var layeditindex = layui.use('layedit', function(){
    layedit = layui.layedit;
    layeditindex = layedit.build('dealingRemarks',{
    width: '1155px',
    height: '350px',
    uploadImage: {url: '/content/uploadFile', type: 'post'}
    });
    });//先绑定一个富文本,以免第一个富文本会报错

    //如果要在弹窗里面使用,一定要在每次弹窗打开之后再绑定一次富文本
  • 2019-8-9 9:30:35求layui 富文本编辑器的代码及js中回答:

  • 2019-8-7 17:43:38数据表格图片问题中回答:

    简单方法,layui的方式实现
    { field: 'image', width: 90, title: '操作',minWidth: 180, fixed: 'right',
    templet: function (rowData) {
    return '<div onclick="enlargement(\"'+ rowData.image + '\")">' + rowData.image + '</div>'; //添加点击事件,绑定方法
    }
    }


    layui.use('layer', function(){}); //需要加载一下layer组件,不然无法使用layer弹窗
    //弹窗显示放大图片
    function enlargement(image) {
    //打开弹窗
    layui.layer.open({
    title: '新增平台券',
    type: 1,
    area: ['50%', '530px'],//宽高
    shadeClose: true, //点击遮罩关闭
    content: '\<\div style="padding:20px;">' + image + '\<\/div>',
    maxmin: true
    });
    }
  • 2019-8-7 16:17:2table reload 分页问题中回答:

    请问是后端分页吗,有可能是你后端的limit有默认值呢
    如果是后端分页,有一个很简单的解决办法,就是在重载时多加一个参数(表示不限制数据),后端拿参数获取对应的数据返回就行
  • 2019-8-7 14:11:21某离职同事写的页面,分页条显示灰色,但是能正常跳转页面中回答:

    layui.use(['layer', 'table', 'laypage'], function () {})
    也没看见你的代码对 laypage 做什么样式的操作,但是建议去掉 laypage 试一下吧
  • 2019-8-6 17:29:33table 添加序列号怎么实现,不是后端返回的字段id;中回答:

    上面那代码直接可以拿去用,放到第一列就行
    文档里面写的很清楚 https://www.layui.com/doc/modules/table.html#cols
  • 2019-8-6 17:24:58table 添加序列号怎么实现,不是后端返回的字段id;中回答:

    {type: 'numbers', width: 300, title: '序号'},
  • 2019-8-6 15:24:12表头可以根据不同的接口重新渲染嘛 同一个页面中回答:

    那不一样是吗
    {field: 'typeId', width: 180, title: titleDate.titleName },


    //获取typeId对应的名称
    var titleDate = {} //注意访问范围,用于保存接口返回的表头名称
    function getTypeIdName(typeId) {
    typeIdName = ""; //先清空值
    $.ajax({
    url: "/management/couponCodePool/getOtherCouponsTypeList", //其他接口的数据
    type: "post",
    async: false, //同步,这里必须是同步,不然返回的数据是空值
    data: {
    id: typeId
    },//将表单的参数数据发送给后端
    success: function (result) {
    if (null != result) {
    // console.log(result);
    if (result.count>0) {
    if (null != result.data[0]) typeIdName = result.data[0].name;
    titleDate = result.data[0]; //这里根据你具体返回的数据进行操作
    }
    }
    },
    error: function (e) {
    console.log("系统错误")
    }
    });
    return typeIdName;
    }
  • 2019-8-6 14:26:38layer.open()中的btn不起作用中回答:

    把yes改为btn1
    yes是确认回调,并不是按钮点击事案件
  • 2019-8-6 14:20:50表头可以根据不同的接口重新渲染嘛 同一个页面中回答:

    兄台说的可是下面这个意思
    {field: 'typeId', width: 180, title: '券码名称',
    templet: function (rowData) {
    return getTypeIdName(rowData.typeId); //获取其他接口的数据
    }
    },


    //获取typeId对应的名称
    function getTypeIdName(typeId) {
    typeIdName = ""; //先清空值
    $.ajax({
    url: "/management/couponCodePool/getOtherCouponsTypeList", //其他接口的数据
    type: "post",
    async: false, //同步,这里必须是同步,不然返回的数据是空值
    data: {
    id: typeId
    },//将表单的参数数据发送给后端
    success: function (result) {
    if (null != result) {
    // console.log(result);
    if (result.count>0) {
    if (null != result.data[0]) typeIdName = result.data[0].name;
    }
    }
    },
    error: function (e) {
    console.log("系统错误")
    }
    });
    return typeIdName;
    }
  • 2019-8-6 14:3:35table 头部工具栏搜索,input不能输入中回答:

    去掉 layui-btn-container
    如果都不行把你上面的工具栏写在表单里面
    <div id=" toolber" style="display: none;padding: 20px;">
    <form class="layui-form layui-form-pane" lay-filter="addCouponCode" action="">
    你的按钮与输入框
    </form>
    </div>
  • 2019-8-6 13:54:19table 头部工具栏搜索,input不能输入中回答:

    发现两个问题
    1、把layui-input-inline改为layui-input
    2、search_input是你自己写的css样式吗