秋水墨色染

秋水墨色染

90飞吻 2019-7-24 加入 来自兰州市

(这个人懒得留下签名)

秋水墨色染 最近的回答

  • 6天前layui单选下拉框怎样进行数据回填中回答:

    @小尾de糊涂账 form.render('select');?
  • 2019-10-9 17:2:58layui单选下拉框怎样进行数据回填中回答:

    1、html:
    <input type="hidden" id="aaa" th:value="${user.aaa}">

    <div class="layui-form-item">
    <div class="layui-input-block">
    <select id="orgId" name="AAA" lay-filter="province" class="province areaId">
    <option value="" >请选择</option>
    </select>
    </div>
    </div>
    2、js:
    xxx();

    //查询
    function xxx(){
    $.post("你的url……",function(res){
    if(res.code==0){
    res=res.data;
    var options = '<option value="">请选择xxx</option>';
    for(var i=0;i<res.length;i++){
    if($("#aaa").val() == res[i].id){//aaa就是被选数据
    options += '<option value="'+res[i].id+'" selected="selected">'+res[i].name+'</option>'
    }else{
    options += '<option value="'+res[i].id+'">'+res[i].name+'</option>'
    }
    }
    $("#orgId").html(options);
    form.render();
    }
    })
    }
    })
  • 2019-10-9 16:48:39如何将数据库数据遍历在select多级联动上中回答:

    1、html:
    <div class="layui-input-inline">
    <select id="typeId" name="typeId" lay-filter="province" class="province typeId">
    <option value="" >请选择xxx类型</option>
    </select>
    </div>
    2、js:
    开始直接调用这个函数:
    type();

    //查询类型
    function type(){
    $.post("你的url……",function(res){
    if(res.code==0){
    res=res.data;
    var options = '<option value="">请选择xxx类型</option>';
    for(var i=0;i<res.length;i++){
    options += '<option value="'+res[i].id+'">'+res[i].name+'</option>'//你显示的东西
    }
    $("#typeId").html(options);
    form.render();
    }
    })
    }

    试试看~
  • 2019-9-30 14:52:24页面存在多个table时,最右边会越挤越少,咋解决中回答:

    @淡水11 你照着这个格式调调看~
    https://www.layui.com/demo/
    <!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=1568076536616" 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 type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

    <script src="//res.layui.com/layui/dist/layui.js?t=1568076536616"></script>
    <script>
    layui.config({
    version: '1568076536616' //为了更新 js 缓存,可忽略
    });

    layui.use(['table'],function(){
    var table = layui.table;

    //执行一个 table 实例
    table.render({
    elem: '#demo'
    ,height: 420
    ,url: '/demo/table/user/' //数据接口
    ,title: '用户表'
    ,page: true //开启分页
    ,toolbar: 'default' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
    ,cols: [[ //表头
    {type: 'checkbox', fixed: 'left'}
    ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
    ,{field: 'username', title: '用户名', width:80}
    ,{field: 'experience', title: '积分', width: 90, sort: true}
    ,{field: 'sex', title: '性别', width:80, sort: true}
    ,{field: 'score', title: '评分', width: 80, sort: true}
    ,{field: 'city', title: '城市', width:150}
    ,{field: 'sign', title: '签名', width: 200}
    ,{field: 'classify', title: '职业', width: 100}
    ,{field: 'wealth', title: '财富', width: 135, sort: true}
    ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
    ]]
    });


    });
    </script>
    </body>
    </html>
  • 2019-9-26 19:4:59页面存在多个table时,最右边会越挤越少,咋解决中回答:

    试试看fixed:"right"或者minWidth

    {title: '操作',fixed:"right",align:"center",minWidth:300, toolbar: '#countBar'}
  • 2019-9-26 19:2:16请问layui怎么把图片和表单内容一起提交中回答:

    你可以先把上传的图片放到一个div容器里,然后from表单提交时获取div里的东西就好了
    html页面:
    <button type="button" class="layui-btn layui-btn-sm" id="picLoad">
    <i class="layui-icon"></i>上传图片
    </button>
    <div id="myPicDiv" style="display:none"></div>
    上传图片:
    var uploadInst = upload.render({
    elem: '#picLoad' //绑定元素
    ,url: 'xxx' //上传接口
    ,done: function(res){
    $("#myPicDiv").show();
    var img = "<img id='pic' src='"+res.data+"'/>"
    //res.data就是你提交时想要的值src或者其他,可以在后台给你要的回参
    $("#myPicDiv").html(img);
    }
    ,error: function(){
    //请求异常回调
    layer.alert("操作请求错误,请您稍后再试");
    }
    });
    2、from提交:
    form.on("submit(add)",function(data){
    var pic = $("#pic").attr("src");
    $.post({
    url:"xxxx",
    data:{pic:pic},
    ……
    })
  • 2019-9-26 18:52:25如何去除laydate 时间格式验证中回答:

    时间验证免不了,不过你可以调整format为你要的格式,修改"yyyy-MM-dd HH:mm:ss"成为你想要的格式,试试看可不可行?
    laydate.render({
    ……
    ,format: "yyyy-MM-dd HH:mm:ss"
    });
  • 2019-9-26 9:15:41禁止表头的全选按钮中回答:

    @mryue91 我想让表头的checkbox失效,也就是不能全选,但表格内部的复选框还是要的,请问怎么操作?
  • 2019-9-4 11:59:10table 固定列无法固定,一直随滚动条滚动中回答:

    试试看在渲染数据的时候,加一个属性:
    固定在右边:fixed:"right",左边:fixed:"left"
  • 2019-9-4 11:55:51layui更新一行数据之后,HTML不会重新渲染吗中回答:

    若是用弹层进行编辑的话,在你打开弹层的方法中,加入结束后执行的语句:
    function edit(){
    var index = layer.open({
    ……,
    end: function(layer, index){
    layer.close(index);
    location.reload();//刷新页面
    }
    })
    }
  • 2019-9-4 11:53:20layui更新一行数据之后,HTML不会重新渲染吗中回答:

    你在编辑结束后,加一句刷新语句:
    location.reload();//刷新页面
    试试看~
  • 2019-9-4 11:48:37layer.tips的小箭头怎么改成指向左的?中回答:

    结果是这样:
  • 2019-9-4 11:46:3layer.tips的小箭头怎么改成指向左的?中回答:

    解决了,这样写就好了
  • 2019-9-3 9:18:30layui渲染数据时用templet加入多个星星中回答:

    @夏诺 这样就好了,多谢
  • 2019-9-2 18:12:0table data渲染不出来中回答:

    试试这个,res就是你后台传来的Object,res.data就是你要渲染表格的数据
    table.render({
    ……,
    parseData: function(res){
    return {
    "code": res.code, //解析接口状态
    "msg": res.msg, //解析提示文本
    "count": res.totalRec, //解析数据长度
    "data": res.data //解析数据列表
    };
    },
    ……,
    });
  • 2019-8-30 21:27:3layui怎么使用templet向数据表格里加星星中回答:

    若想显示7个星,该怎么做?