希望的曙光

希望的曙光

685飞吻 2018-11-5 加入 来自广州

(存在感)

希望的曙光 最近的提问

    没有发表任何求解

希望的曙光 最近的回答

  • 2019-10-7 13:17:46请问用layui如何实现在弹出列表窗口中多选,然后返回并带回选中的所有值。中回答:

    @Gamebook url请求正确了吗,url参数里不要有php代码,只要请求路径
  • 2019-10-6 18:16:10请问用layui如何实现在弹出列表窗口中多选,然后返回并带回选中的所有值。中回答:

    @Gamebook msg后面多了个)
  • 2019-10-5 22:39:42请问用layui如何实现在弹出列表窗口中多选,然后返回并带回选中的所有值。中回答:

    @Gamebook 请求返回的json格式是否正确
  • 2019-10-4 22:23:49请问用layui如何实现在弹出列表窗口中多选,然后返回并带回选中的所有值。中回答:

    @Gamebook 这里是二维数组[[]] 文档里有
  • 2019-10-4 0:11:52请问用layui如何实现在弹出列表窗口中多选,然后返回并带回选中的所有值。中回答:

    HTML部分:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../layui/css/layui.css" />
    <style>
    .container {
    padding: 30px
    }

    .items {
    width: 500px;
    }

    .items input:hover {
    cursor: pointer;
    }
    </style>
    </head>
    <body>
    <div class="container">
    <form class="layui-form">
    <div class="layui-form-item">
    <label class="layui-form-label">选中的项</label>
    <div class="layui-input-block items">
    <input name="items" id="items" readonly class="layui-input"/>
    </div>
    </div>
    </form>

    <div id="dataDiv" style="display: none;padding: 20px">
    <table id="dataTable"></table>
    </div>
    </div>
    <script src="../js/jquery-1.11.0.js"></script>
    <script src="../layui/layui.all.js"></script>
    <script>
    (function() {
    var view = {
    data: {
    //表格数据
    items: [
    { id: 1, name: '北京' },
    { id: 2, name: '上海' },
    { id: 3, name: '广州' },
    { id: 4, name: '深圳' },
    { id: 5, name: '天津' },
    { id: 6, name: '南京' },
    { id: 7, name: '杭州' },
    { id: 8, name: '成都' },
    { id: 9, name: '石家庄' },
    { id: 10, name: '济南' },
    { id: 11, name: '沈阳' },
    ],
    //选中的值
    selectItems:[],
    },
    //模块引入
    plugins: {},
    openDialog: function() {
    var _this = this;

    layer.open({
    type: 1,
    title: '选择城市',
    content: $('#dataDiv'),
    area: ['500px',' 440px'],
    success: function() {
    _this.initTable();
    },
    btn: ['确定', '取消'],
    btnAlign: 'c',
    yes: function(index) {
    var selectItems = _this.plugins.table.checkStatus('dataTable').data;
    console.log("选择的选项: " + JSON.stringify(selectItems));

    if(selectItems.length == 0) {
    layer.msg('请选择城市', {icon: 2});
    return;
    }

    var items = [];
    $(selectItems).each(function(index, item) {
    items.push(item.id)
    })

    _this.data.selectItems = items;

    layer.close(index)
    },
    end: function() {
    $('#dataDiv').hide();
    }
    })
    },
    initTable: function() {
    var _this = this;

    //模拟异步请求
    _this.plugins.table.render({
    elem: '#dataTable',
    url: 'city.json',
    cols: [[
    {type: 'checkbox'},
    {field: 'id', title:'ID', width: 80},
    {field: 'name', title:'名称'},
    ]],
    parseData: function(res) {
    var data = res.data;

    //判断是否有选中项
    $(data).each(function(index, item) {
    if(_this.data.selectItems.length > 0 && _this.data.selectItems.indexOf(item.id) != -1) {
    item.LAY_CHECKED = true;
    }
    })

    return {
    code: 0,
    data: data,
    msg: '',
    count: res.count
    }
    },
    })
    },
    bindEvent: function() {
    var _this = this;

    $('#items').click(function() {
    _this.openDialog();
    })
    },
    init: function() {
    var _this = this;
    var mods = ['form', 'table', 'jquery'];
    layui.use(mods, function() {
    for(var i = 0; i < mods.length;i++) {
    var plName = mods[i];
    _this.plugins[plName] = layui[plName];
    }

    //绑定事件
    _this.bindEvent();
    })
    }
    }

    view.init();
    })();
    </script>
    </body>
    </html>

    JSON部分:
    {"code": "0", "msg": "success", "data": [
    { "id": 1, "name": "北京" },
    { "id": 2, "name": "上海" },
    { "id": 3, "name": "广州" },
    { "id": 4, "name": "深圳" },
    { "id": 5,"name": "天津" },
    { "id": 6, "name": "南京" },
    { "id": 7, "name": "杭州" },
    { "id": 8, "name": "成都" },
    { "id": 9, "name": "石家庄" },
    { "id": 10, "name": "济南" },
    { "id": 11, "name": "沈阳" }
    ], "count": 11}
  • 2019-8-28 11:36:39复杂表头 4级中回答:

    @德鲁克斯 layui版本是最新的吗
  • 2019-8-28 9:7:26复杂表头 4级中回答:

    @德鲁克斯 在审核状态那一列加上参数colGroup:true
  • 2019-8-28 9:6:4table组件复杂表头的一个bug中回答:

    多级表头单列加上参数 colGroup:true

    源码中有两个条件判断是否是合并列:参数colGroup为true,跨列数大于1
  • 2019-8-27 17:41:35top.layer.prompt能否弹出两个文本框用于输入中回答:

    单个输入框的形式,适用于验证输密码的场景或者只需要一个值的情况,多值情况优先考虑使用表单的形式
  • 2019-8-27 17:38:36top.layer.prompt能否弹出两个文本框用于输入中回答:

    @锅牛 一个文件
  • 2019-8-26 9:34:57从接口返回的数据渲染出数据表格的每一个最小的单元格宽度的问题中回答:

    基础参数配置: cellMinWidth;或者局部参数配置minWidth;
    Layui表格配置:https://www.layui.com/doc/modules/table.html#options
  • 2019-8-26 9:30:28top.layer.prompt能否弹出两个文本框用于输入中回答:

    建议使用
    layer.open({
    type: 1,
    content: $('#content'),
    yes: function(index) {
    //dosomething
    var val_1 = $('#content form input[name=field1]").val();
    var val_2 = $('#content form input[name=field2]").val();
    //ajax...
    },
    });

    html:
    <div id="content">
    <form class="layui-form">
    <div class="layui-form-item">
    <label>字段1</label>
    <div class="layui-input-block">
    <input type="text" class="layui-input" name="field1">
    </div>
    </div>
    <div class="layui-form-item">
    <label>字段2</label>
    <div class="layui-input-block">
    <input type="text" class="layui-input" name="field2">
    </div>
    </div>
    </form>
    </div>
  • 2019-7-26 9:11:14用vue怎么循环绑定值给layui的星星评价中回答:

    用法用错了,首先只需要循环渲染实例的部分就可以了,其次你循环渲染的都是同一个实例,即选择器为'.xxxpj'的元素,正确用法如下:
    //循环部分
    layui.config({
    base: '../../../layuiadmin/'
    }).extend({
    index: 'lib/index'
    }).use(['index','rate'],function(){
    var rate = layui.rate;
    for(var i = 0; j = aaajson.length; i < j; i++){
    var xxsl = aaajson[i].fwps; //得到不同项的评分值
    rate.render({
    elem: document.getElementsByClassName('xxxpj')[i], //渲染不同的元素
    value: xxsl,
    readonly: true
    })
    }
    })
  • 2019-6-10 7:26:34layui table的操作按钮如何重新赋值中回答:

    用模板设置不同状态下的显示内容
  • 2019-6-9 12:12:14table复杂表头显示异常,多出很多中回答:

    参考这个 https://fly.layui.com/jie/52471/#item-1557985682703
  • 2019-5-24 7:36:14如何通过layui获取的行数据赋值到form表单中,在做修改表单回显数据中回答:

    form.val('filterId',data)
  • 2019-5-18 22:55:33数据表格头部工具栏遮挡导航栏下拉框中回答:

    导航栏的样式修改
    .layui-layout-admin .layui-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    }
  • 2019-5-18 7:48:47表格操作栏弹出layer,闪退中回答:

    把a标签里的href属性去掉即可,如果有href属性点击会触发浏览器默认行为
  • 2019-5-17 8:55:45Layui树行表格TreeTable中回答:

    检查ajax请求返回的数据格式是否有问题
  • 2019-5-16 14:21:5我又来了 问一下浏览器分辨率改变时左侧垂直菜单会遮挡内容中回答:

    @flyer41270 菜单和body的css属性 top:改为0
  • 2019-5-16 14:10:25我又来了 问一下浏览器分辨率改变时左侧垂直菜单会遮挡内容中回答:

  • 2019-5-16 14:1:26关于数据表格 reload问题中回答:

    两个reload里的filterId一样了
  • 2019-5-16 14:0:10关于数据表格 reload问题中回答:

    建议实例化后再重载,使用实例的reload方法
  • 2019-5-16 13:54:50我又来了 问一下浏览器分辨率改变时左侧垂直菜单会遮挡内容中回答:

    可以加上css中的媒体查询
    //可视宽度最大为992px(可自定义)时样式
    @media screen and (max-width: 992px) {
    .menu {
    xxx: xxx
    }
    }
  • 2019-5-16 13:48:2table复杂表头错误问题,请大神看下是我配置问题还是bug中回答:

    table.render({
    elem: '#tablist',
    url: '/api/',
    cols: [
    [
    { width: 100, title: '部门', colGroup: true }, //这里加参数colGroup:true
    { title: '一车间', colspan:7},
    { width:100, title: '填报时间', colGroup: true }, //这里加参数colGroup:true
    { title: '2019/5/16 11:27:24', colspan: 2 }
    ],
    [
    { field: 'name', width: 100, title: '姓名', rowspan: 2 },
    { field: 'jjgz', width: 100, title: '计件工资', edit:'number', rowspan: 2 },
    { title: '奖、罚', align:'center', colspan: 4 },
    { field: 'xjgz', width: 100, title: '休假工资', edit: 'number', rowspan: 2 },
    { field: 'wjggz', width: 150, title: '未进岗基础工资', edit: 'number', rowspan: 2 },
    { field: 'qtgz', width: 100, title: '其它', edit: 'number', rowspan: 2 },
    { field: 'total', width: 100, title: '合计', rowspan: 2 },
    {
    width: 100, title: '操作', rowspan: 2, templet: function () {
    return '<a class="layui-btn layui-btn-primary layui-btn-xs"><i class="layui-icon layui-icon-ok"></i> 保存</a>';
    }},
    ],
    [
    { field: 'jF_ZL', width: 100, title: '质量', edit: 'number' },
    { field: 'jF_QQ', width: 100, title: '缺勤', edit: 'number' },
    { field: 'jF_SB', width: 100, title: '设备', edit:'number' },
    { field: 'jF_QT', width: 100, title: '其它', edit: 'number' },
    ]
    ],
    page: false,
    id: 'tables'
    });
  • 2019-5-16 13:42:7table复杂表头错误问题,请大神看下是我配置问题还是bug中回答:

    @Tyland飞易腾 文件下不了
  • 2019-5-16 13:36:36table复杂表头错误问题,请大神看下是我配置问题还是bug中回答:

    或者部门和填写时间列加上参数colGroup:true

    table模块源码:
  • 2019-5-16 13:28:42table复杂表头错误问题,请大神看下是我配置问题还是bug中回答:


  • 2019-5-16 13:24:12table复杂表头错误问题,请大神看下是我配置问题还是bug中回答:

    第一行表头跨一列的要改成至少跨两列
  • 2019-5-16 13:3:27table复杂表头错误问题,请大神看下是我配置问题还是bug中回答:

    部门和车间一这两列