layer初学者

layer初学者 VIP0

1985飞吻 2016-7-1 加入 来自石家庄

(这个人懒得留下签名)

layer初学者 最近的回答

  • 2019-8-8 21:5:51layui折线图中回答:

    @半清醒7 朋友,你静态怎么弄出来的啊。我参照senior.js的,好像只能调用,我不想获取数据放到这里啊,我想放到html页面调用,方便维护,能抽空回复一下吗?
  • 2019-8-8 15:21:59layui中使用echarts怎么样动态绑定接口数据中回答:

    [泪] 好不容易找到一篇,关于LAYUI自带ECHARTS的帖子,翻到最后一行,哇凉哇凉的啊,楼主也是厉害,2018年发的帖子,2019年竟然依旧跟帖。[泪]
  • 2019-8-1 14:35:46数据表格上传图片后如何修改当前格内容呢中回答:

    @DJ李二狗 谢谢你的帮忙,完美[抱抱] 回答晚了,不好意思
  • 2019-7-31 23:46:26数据表格上传图片后如何修改当前格内容呢中回答:

    @DJ李二狗
    <img class="img-' + d.id + '" />
    你的这个是在哪里写的,为什么我放到templat里面就说d不存在呢?是不是我的行是新增的缘故
  • 2019-7-31 23:45:10在数据表格后面拼接文件上传按钮中回答:

    @岁月小偷 真的可以了,大神啊,真的很感动,谢谢您,[抱抱]
  • 2019-7-31 23:18:8在数据表格后面拼接文件上传按钮中回答:

    @岁月小偷 代码有点乱,整理了一下,
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>行程表</title>
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <script src="https://www.layuicdn.com/layui/layui.js" language="JavaScript"></script>

    </head>

    <body>
    <form name="cfForm" class="layui-form" action="" method="post">
    <div class="layui-form-item">

    <script type="text/html" id="toolbar_routeTable">
    <button class="layui-btn layui-btn-sm extraBtnColor" lay-event="add">添加</button>
    </script>

    <table class="layui-hide" id="routeTable" lay-filter="filter_routeList"></table>
    <script type="text/html" id="routeTable_edit_del_bar">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    </div>

    </form>
    <script type="text/javascript">
    layui.use(['layer','table','form','laydate','upload','layedit','upload'], function(){ //独立版的layer无需执行这一句
    var $ = layui.jquery,
    layer = layui.layer,
    laydate = layui.laydate,
    table = layui.table,
    form = layui.form,
    upload = layui.upload;
    form.render();



    var dataBak = []; //定义一个空数组,用来存储之前编辑过的数据已经
    var tableRouteList = table.render({
    elem: '#routeTable'
    ,text: {none: '请添加行程'}
    ,loading:true
    ,id: "tdl_route"
    // ,url: '/member/canfang/getDatePriceList?page=1&limits=7'
    ,data:dataBak
    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
    ,toolbar:'#toolbar_routeTable'
    ,defaultToolbar: []
    ,cols: [[
    {type:'numbers',width:"5%"}
    ,{field:'shijian', width:"20%", title: '时间', edit: 'text'}
    ,{field:'tupian', width:"12%", title: '图片', edit: 'text'}
    ,
    {
    field: 'pic', title: '上传', width:"12%",templet: function () {
    return '<button class="layui-btn layui-btn-xs up_route_btn" type="button">选择图片</button>'
    }
    },

    ,{field:'oldOrnew', title: '添加还是修改',hide:true}
    ,{width:"10%", align:'center', fixed: 'right', toolbar: '#routeTable_edit_del_bar'}
    ]]
    ,done: function(res, curr, count) {

    var tableId = this.id;
    var checkStatus = table.checkStatus(tableId);
    var tableElem = this.elem;
    // table render出来实际显示的table组件
    var tableViewElem = tableElem.next();

    // 渲染当前页面的所有的upload组件
    var upurl2 = "upimgBigImages";//上传图片地
    upload.render({
    elem: tableViewElem.find('.up_route_btn'),
    url: upurl2,
    multiple: false,
    before: function(obj) {
    layer.msg('图片上传中...', {
    icon: 16,
    shade: 0.01,
    time: 0
    })
    },
    done: function(res_p){
    layer.close(layer.msg());
    //console.log(res_p.tolink); 这里返回图片文件名称
    table.cache[tableId][trElem.data('index')]["tupian"] = res_p.tolink;
    table.reload(tableId);
    }
    });















    }

    });





    //监听事件 ///头部按钮
    table.on('toolbar(filter_routeList)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){
    case 'add':
    addNewRoute();
    break;
    };
    });

    //监听设备工具条
    table.on('tool(filter_routeList)', function(obj){
    var data = obj.data;

    // layer.alert(JSON.stringify(data));
    if(obj.event === 'del'){
    layer.confirm('确定删除吗?', function(index){
    layer.close(index);
    obj.del();
    });
    }
    });


    function addNewRoute()
    {
    var dataBak = []; //定义一个空数组,用来存储之前编辑过的数据已经存放
    var tableBak = table.cache.tdl_route;
    //console.log("dataBak");
    //console.log(dataBak);
    //获取之前编辑过的全部数据,前提是编辑数据是要更新缓存,stock_add_table 为表格的id

    for (var i = 0; i < tableBak.length; i++) {
    dataBak.push(tableBak[i]); //将之前的数组备份
    //console.log(tableBak[i].riqi);
    }


    //在尾部新增一行空数据,实现增行效果
    dataBak.push({
    shijian: ''
    , pic: ''
    , tupian: ''
    ,oldOrnew:'new'
    });

    table.reload('tdl_route', {
    data: dataBak // 将新数据重新载入表格
    });

    }
    });

    </script>
    </body>
    </html>
  • 2019-7-31 22:54:38在数据表格后面拼接文件上传按钮中回答:

    @岁月小偷 放到 按钮监听中吧,上传按钮弹出来了,但是没反应,后来一查说是冲突,[泪]
  • 2019-7-31 22:51:31在数据表格后面拼接文件上传按钮中回答:

    @岁月小偷 [泪] 我总觉得,把图片上传方法放到table done中后,无法获取所在行ID,也就是你代码里的
    table.cache[tableView.attr('lay-id')][trElem.data('index')][tdElem.data('field')] = data.value;
    [trElem.data('index')]这个值,我尝试手动写个0,的确显示出来了,但是这值怎么能在table done中获取到呢?[生病]
  • 2019-7-31 22:41:29数据表格上传图片后如何修改当前格内容呢中回答:

    @DJ李二狗 谢谢你的回答,你这个
    done: function(res){
    $('.img-' + obj.id).attr('src', res.data.src);
    }
    obj.id的OBJ从哪里来的
  • 2019-7-31 22:11:41在数据表格后面拼接文件上传按钮中回答:

    @岁月小偷 谢谢您的第一时间回复,我去看看。[good]
  • 2019-7-31 21:41:50在数据表格后面拼接文件上传按钮中回答:

    @岁月小偷 大哥,打扰一下,遇到点难题,过不去了,按照您写的代码,正常上传了,但是如何才能修改当前列的值呢?图片文件名回传回来了,如何修改呢?发了个帖子,一点动静都没有,急死了[泪] https://fly.layui.com/jie/55994/
  • 2019-6-20 16:1:34动态表格单元格编辑的时候,是否可以弹出日期呢中回答:

    @c299 你这个代码,是不是不需要插input进去,是单元格编辑绑定?
  • 2019-6-20 16:0:33动态表格单元格编辑的时候,是否可以弹出日期呢中回答:

    @c299 谢谢您,
    tableView是
    var tableView = table.render的名字吗? 我尝试了一下,虽然没异常,但是我的弹出按钮不弹出了,我是通过一个按钮,然后弹出一个页面,里面有列表,选择后,关闭,然后新增父页面的TABLE缓存,动态加入input 然后 TABLE.RELOAD,走到done这里了,

    laydate.render({
    elem: ".renyuanAddtime"
    });

    成功了,但是一个可以,多个input后,也弹出日历,但是总是闪退。这什么情况
  • 2019-6-20 14:15:12可编辑的table,计算动态输入的两列的和放入第三列显示中回答:

    @岁月小偷 谢谢,怪不得,我改了半天,也改不成,哈哈,后来,我给它一个默认值0,能改了。谢谢你
  • 2019-6-20 14:12:34关于动态表格单元格编辑如何动态修改其他格子的值呢中回答:

    @tx 谢谢你,我去试试
  • 2019-6-20 0:10:25可编辑的table,计算动态输入的两列的和放入第三列显示中回答:

    @岁月小偷 我试了你的方法,点击后没有反应啊, obj.update({shengyushuliang:2000}); 点击了,没报错,也没反应 有空能帮忙看看吗? https://fly.layui.com/jie/54022/
  • 2019-6-19 23:54:16动态表格的样式问题中回答:

    @清风明月833 table.render({
    elem: '#test'
    ,url:'/demo/table/user/'
    ,lay-size="sm"
    ,cols: [[
    {type:'checkbox'}
    ,{field:'id', width:80, title: 'ID', sort: true}
    ,{field:'username', width:80, title: '用户名'}
    ,{field:'sex', width:80, title: '性别', sort: true}
    ,{field:'city', width:80, title: '城市'}
    ,{field:'sign', title: '签名', minWidth: 100}
    ,{field:'experience', width:80, title: '积分', sort: true}
    ,{field:'score', width:80, title: '评分', sort: true}
    ,{field:'classify', width:80, title: '职业'}
    ,{field:'wealth', width:135, title: '财富', sort: true}
    ]]
    ,page: true
    });
  • 2019-6-13 12:50:3弹出HTML代码层中如何关闭当前窗口中回答:

    [泪] 你的代码和我的代码,没啥区别啊,
  • 2019-6-12 16:17:31弹出HTML代码层中如何关闭当前窗口中回答:

    @Zai努力一点 怎么放啊,接触LAYER不多,能指点一下吗?
  • 2019-6-12 16:17:31弹出HTML代码层中如何关闭当前窗口中回答:

    @Zai努力一点 怎么放啊,接触LAYER不多,能指点一下吗?
  • 2019-6-11 15:46:23弹出HTML代码层中如何关闭当前窗口中回答:

    @Zai努力一点 第一个layer能弹出来,现在就是通过HTML代码调用的LAYER层中,按钮怎么和外边沟通啊,提交倒是没问题,就是那个alert 1的方法怎么都调用不到。
  • 2017-6-15 17:24:27基于layui的省市区三级联动JS代码中回答:

    这个功能,在一个页面里面如何调用两个呢,例如,始发地:省市县 终点:省市县
  • 2017-4-25 15:53:19layui省市区三级联动数据库版中回答:

    getArea.htm文件没有,代码预览不了啊,能提供一下吗?谢谢
  • 2017-4-22 10:17:40基于 Layui form 组件的省市区级联的实现 ---中回答:

    东西不错,怎么初始化啊,例如修改界面,有指定数据,在哪里初始化呢、