IDyun

IDyun VIP0

12834飞吻 2018-8-9 加入 来自南宁

(福尔摩斯名言“排除一切不可能的,剩下的即使再不可能,那也是真相”)

IDyun 最近的提问

    没有发表任何求解

IDyun 最近的回答

  • 1天前clipboard.js不单独调用在layui怎么改中回答:

    https://fly.layui.com/jie/50239/#item-1553764021050

    参考layui 的jquery 组件
    //将jQuery对象局部暴露给layui
    layui.define(function(exports){
    layui.$ = jQuery;
    exports('jquery', jQuery);
    });
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>target-div</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
    <!-- 1. Define some markup -->
    <div>hello</div>
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button>

    <!-- 2. Include library -->
    <!-- <script src="../dist/clipboard.min.js"></script>-->

    <!-- 3. Instantiate clipboard -->
    <!-- <script>
    var clipboard = new ClipboardJS('.btn');

    clipboard.on('success', function(e) {
    console.log(e);
    });

    clipboard.on('error', function(e) {
    console.log(e);
    });
    </script>-->


    <script src="../src/layui.js"></script>
    <script>
    layui.config({
    base: './extends/' //假设这是你存放拓展模块的根目录
    }).extend({ //设定模块别名
    ClipboardJS: 'clipboard' //如果 mymod.js 是在根目录,也可以不用设定别
    }).use(['util','ClipboardJS'], function(){
    var util = layui.util,
    $ = layui.$;
    var ClipboardJS = layui.ClipboardJS

    var clipboard = new ClipboardJS('.btn');

    clipboard.on('success', function(e) {
    console.log(e);
    });
    console.log(clipboard);
    });
    </script>
    </body>
    </html>
    clipboard.js-master\dist\clipboard.js
    源码修改


    else if(window.layui && layui.define)
    layui.define(function(exports){
    exports('ClipboardJS', factory());
    });
  • 7天前layui select赋值中回答:

    from.val('editMethod',data)
    这个方法数据类型要一致,data 需要全部转成 String 类型,因为从表单获取到的数据就是String类型的
  • 2019-7-8 15:40:38内嵌页面弹窗select传值时input值显示有时候不正确(初始值)中回答:

      success : function(layero, index){
    var iframeWindow = window['layui-layer-iframe' + index]
    iframeWindow.layui.render();
    }
  • 2019-7-8 11:8:8在layuiadmin里面使用富文本的获取值问题中回答:

    https://www.layui.com/demo/form.html
    这个就是官方表单富文本编辑器的例子
  • 2019-7-6 17:20:48在layuiadmin里面使用富文本的获取值问题中回答:

    富文本编辑框提交前要同步 iframe 的内容到 textarea
    <textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea>
      //自定义验证规则
    form.verify({
    content: function(value){
    layedit.sync(editIndex);
    }
    });
  • 2019-7-6 16:51:58配置 favicon.ico 这个文件的位置在哪里????中回答:

  • 2019-7-5 17:34:43ajax前不显示加载层,执行完后才显示中回答:



    $.ajax()

    beforeSend
    在发送请求之前调用,并且传入一个 XMLHttpRequest 作为参数。
    http://www.w3school.com.cn/jquery/ajax_ajax.asp
  • 2019-7-5 17:19:19复选框不显示,求救中回答:

  • 2019-7-5 12:24:47请教各位大佬们一个数组问题中回答:

    //获取选中的复选框,

    var aihao =layui.$.makeArray(layui.$('[name="aihao"]:checked').map(function(index,item){
    return item.value
    })).join();//去掉 join() 就是数组了
    console.log(aihao);//->write,read
  • 2019-7-5 11:19:16layui 主题中回答:

    Layui在线主题生成工具
    RafiWong
    https://fly.layui.com/jie/48118/
  • 2019-7-5 11:18:41新手,数据表格求帮助中回答:

    给table注入一点灵魂:表格筛选、excel导出、拖动列调整顺序、拖动列快速隐藏和显示列、子表
    叶落阁
    https://fly.layui.com/jie/49709/
    有个子表
  • 2019-7-5 11:10:32普通的元素怎么绑定事件中回答:

    https://www.layui.com/demo/table/operate.html
    layui 也是用jquery 的,如表单组件用jq 监听事件,通过layui 封装方法
  • 2019-7-5 11:5:11表格组件,如何跳转到指定页?中回答:

    https://www.layui.com/demo/table/reload.html

     //执行重载
    table.reload('testReload', {
    page: {
    curr: 1 //重新从第 1 页开始
    }
    ,where: {
    key: {
    id: demoReload.val()
    }
    }
    });
  • 2019-7-5 11:4:21如何在弹窗中 设置select 默认选中状态?中回答:

    $("#user").val($("#serverUer").val())
    form.render();
  • 2019-7-5 10:48:40表格重载,如果传递的参数中有数组,会记录上一次数组中的数据中回答:

    ,done: function(res, curr, count){

    var that = this;
    //只保留layui table参数
    that.where={
    [that.request.pageName]:curr,
    [that.request.limitName]:that.limit
    }
    }
  • 2019-7-4 19:23:37表格如何滚动显示里面的内容中回答:

    @旗帜 纯jq 操作
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>layui在线调试</title>
    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css?t=1560414887305" media="all">
    <style>
    body{margin: 10px;}
    .demo-carousel{height: 200px; line-height: 200px; text-align: center;}

    </style>
    </head>
    <body>

    <table class="layui-hide" id="demo" lay-filter="test"></table>

    <script src="//res.layui.com/layui/dist/layui.js?t=1560414887305"></script>
    <script>
    layui.use(['table'], function () {
    var table = layui.table //表格
    var $ = layui.$;

    //执行一个 table 实例
    table.render({
    elem: '#demo'
    // ,limit:[6]
    , height: 420
    , url: '/demo/table/user/' //数据接口
    , cols: [[ //表头
    {field: 'username', title: '用户名', width: 80}
    , {field: 'sex', title: '性别', width: 80, sort: true}
    , {field: 'score', title: '评分', width: 80, sort: true, totalRow: true}
    , {field: 'city', title: '城市', width: 150}
    , {field: 'sign', title: '签名', width: 200}
    , {field: 'classify', title: '职业', width: 100}
    ]], done: function () {
    rollTable('#' + this.id)
    }
    });


    //滚动表格,数据超过才才执行动画
    //elem=#demo 表格id
    function rollTable(elem) {
    var tableMain = $(elem).next().find('.layui-table-main');
    var layuiTable = tableMain.find('.layui-table')
    var tbody = layuiTable.find('tbody')
    var tableMainHeg = tableMain.height();
    var layuiTableHeg = layuiTable.height();
    //如果表格内容小于表格容器将不执行动画
    if (layuiTableHeg < tableMainHeg) {
    return;
    }
    //克隆一份相同的行tr 放在后面
    tbody.append(function () {
    return $(this).find('tr').clone()
    })
    callback();//先复制tr再执行这个函数

    //鼠标移入表格停止动画,鼠标移出表格停止动画
    layuiTable.hover(function () {
    $(this).stop()//停止动画
    }, function () {
    callback()//开始动画
    })
    }

    //滚动表格动画回调函数
    function callback() {
    layuiTable = $('#demo').next().find('.layui-table-main').css({overflow: 'hidden'}).find(' .layui-table').css({
    top: 0,
    position: 'relative'
    });
    var height = layuiTable.height() / 2;
    //linear 匀速
    layuiTable.animate({top: '-' + height + 'px'}, 5000, 'linear', arguments.callee)
    }

    });
    </script>
    </body>
    </html>
  • 2019-7-4 16:24:23layui表格怎么获取单个数据中回答:



    ,{field: 'experience', title: '积分', width: 90,templet:function(d){
    //d.LAY_TABLE_INDEX 从0开始
    //d.LAY_INDEX 从1开始
    return '<input type="radio" name="shangwu['+d.LAY_TABLE_INDEX+']" value="'+d.experience+'" title="'+d.experience+'¥" >'
    }}
    ,done:function(){
    //0第一行数据
    console.log(layui.$(':radio[name="shangwu[0]"]').val());
    }
  • 2019-7-4 16:7:50layui表格怎么获取单个数据中回答:

    拼接 单选框的时候加上值value属性<input type='radio' value='价格' >
  • 2019-7-4 9:14:34table 使用键盘快捷键切换单元格编辑中回答:

    [good] 参考你的贴子,我也加了快捷键跳过无编辑列
    https://fly.layui.com/jie/49384/page/2/#item-1562202489305
  • 2019-7-4 9:8:9单元格编辑完成后按下回车跳入下一个td继续编辑中回答:

    @IDyun
      var $ = layui.$;
    /*
    *编辑数据表格,键盘快捷键方法。
    *可跳过无编辑属性的列
    *tab 右边一个单元格
    *shift + tab 左边一个单元格
    *enter 下一行的单元格
    *shift + enter 上一行的单元格
    */
    $(document).on('keydown keyup', '.layui-input',
    function(event) {
    var td = $(this).parent('td'),
    index = td.index(),
    tr = td.parent('tr'),
    isShift = $(document).data('shift'),
    isKeydown = (event.type == "keydown");
    switch (event.key) {
    case "Shift":
    $(document).data('shift', isKeydown);
    break;
    case "Tab":
    event.preventDefault();
    isKeydown && td[isShift ? 'prevAll': 'nextAll']('[data-edit="text"]:first').click();
    break;
    case "Enter":
    isKeydown && tr[isShift ? 'prev': 'next']().children('td').eq(index).click();
    break;
    }
    })
  • 2019-7-3 17:10:50table 中多级菜单怎么实现,如下图。。。中回答:

    Dropdown 下拉菜单组件
    sakuya88
    https://fly.layui.com/jie/48041/
    好像第三方组件还有一个
  • 2019-7-3 16:2:13表格如何滚动显示里面的内容中回答:

    @IDyun
    to {top:-344px;} /*是原始 表格 tbody 的高度*/
  • 2019-7-3 16:0:4表格如何滚动显示里面的内容中回答:



    简单数据表格滚动
    无固定列,可鼠标移入停止滚动


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>layui在线调试</title>
    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css?t=1560414887305" media="all">
    <style>
    body{margin: 10px;}
    .demo-carousel{height: 200px; line-height: 200px; text-align: center;}

    /*数据表格滚动动画*/
    .layui-table-main{
    overflow:hidden;/*隐藏滚动条*/
    }
    .layui-table-main>.layui-table{
    position:relative;
    animation:mymove 5s infinite linear;
    }
    @keyframes mymove
    {
    from {top:0px;}
    to {top:-344px;}
    }
    /*数据表格鼠标移入停止滚动动画*/
    .layui-table-main>.layui-table:hover{
    animation-play-state:paused;
    }

    </style>
    </head>
    <body>

    <table class="layui-hide" id="demo" lay-filter="test"></table>

    <script src="//res.layui.com/layui/dist/layui.js?t=1560414887305"></script>
    <script>

    layui.use(['table'], function(){
    var table = layui.table //表格
    var $ =layui.$;

    //执行一个 table 实例
    table.render({
    elem: '#demo'
    ,height: 420
    ,url: '/demo/table/user/' //数据接口
    ,cols: [[ //表头
    {field: 'username', title: '用户名', width:80}

    ,{field: 'sex', title: '性别', width:80, sort: true}
    ,{field: 'score', title: '评分', width: 80, sort: true, totalRow: true}
    ,{field: 'city', title: '城市', width:150}
    ,{field: 'sign', title: '签名', width: 200}
    ,{field: 'classify', title: '职业', width: 100}
    ]],done:function(){
    //克隆一份相同的行tr 放在后面
    var tbody = $(this.elem).next().find('.layui-table-main .layui-table tbody');
    tbody.append(tbody.find('tr').clone())
    }
    });

    });
    </script>
    </body>
    </html>
    参考例子地址
    http://www.jq22.com/webqd628
  • 2019-7-2 17:19:54请教一个Jq问题中回答:

    $('.show').on('click',function(){	
    var that =this
    var tid=$(this).attr('name');

    if(tid !== ""){

    $.get("__URL__/two/dd/"+tid,function(response,status,xhr){

    $(that).before(response)

    });
    }

    });
    this保存到变量
  • 2019-7-2 8:54:11layui穿梭框如何使用,transfer.js加载失败中回答:

    下载最新的layui
    https://www.layui.com/
    穿梭框组件的初衷来源于 layui 社区的扩展组件平台,并且在 layui 2.5.0 的版本中开始登场。
  • 2019-7-1 16:48:27layui模板语法怎么截取字符串长度中回答:

    <td>{{ d[i].article_name.substring(2,3) }}</td>
    js 语句
    https://www.runoob.com/java/java-string-substring.html
  • 2019-7-1 11:19:37table数据表格文档使用疑问中回答:

    //鼠标移入 表头显示 tips
    //鼠标移出 表头关闭 tips
    $(".layui-table-header .layui-table-cell span").mouseover(function () {
    if (!$(this).text()) {
    return
    }
    layer.tips($(this).text(), this, {
    tips: 1
    });
    }).mouseout(function () {
    layer.closeAll('tips'); //关闭所有的tips层
    })
  • 2019-6-28 15:25:43怎么使用html代码创建tree,不使用js中回答:

    在后台、前台将 对象 转换 josn 字符串。
    直接赋值给 js 变量或input隐藏域,获取并解析成json 对象
  • 2019-6-28 0:44:14layui模板无法显示中回答:

    浏览器 控制台有报错吗
  • 2019-6-27 23:15:49layui模板无法显示中回答:

    没有 引入 layui.js