秋水墨色染

秋水墨色染

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

(这个人懒得留下签名)

秋水墨色染 最近的提问

秋水墨色染 最近的回答

  • 2019-11-14 14:26:41layui表格 点击下一页请求没有带参数中回答:

    table.render({
    ……
    request:{page:'pageNo',limit:'pageSize'},
    ……
    })
  • 2019-11-12 11:25:33Echars怎么把数据动态传进去中回答:

    然后封装数据
    //折线名称
    List<String> legendData = new ArrayList<>();
    //x轴
    ArrayList<String> xAxisList = new ArrayList<>();
    //series值
    List<Series2> datalist = new ArrayList<>();
    //series封装类——各条折线数据组合
    Series2 series1 = new Series2();
    Series2 series2 = new Series2();
    //封装数据——对应各折线数据的data属性
    ArrayList<Double> list1 = new ArrayList<>();
    ArrayList<Double> list2 = new ArrayList<>();

    //false:从y轴开始绘制;true:图形不在y轴上(line:最好为false;bar:最好为true)
    boolean boundaryGap = false;
    Integer mouth = getMouth();//当前月份

    List<String> data = new ArrayList<>();

    try {
    for(int i=1; i<=mouth;i++){
    xAxisList.add(i+"月");//此处的横坐标是月份
    String year = sdf1.format(new Date());
    String dateMouth = "";
    if(i<10){
    dateMouth = year + "-0" + i;
    }else {
    dateMouth = year + "-" + i;
    }

    Double sum1 = 调取值的方法1;
    Double sum2 = 调取值的方法2;
    list1.add(sum1);//list是你数据的值,对应折线数据data
    list2.add(sum2);

    }
    //图表类型:line、bar等,为bar时,渲染时释放axisPointer注释更佳
    String type = "line";
    //分别存放lengend的data值和折线数据,折线数据name值要与lengend的data值相同
    String legendNmae1 = "名称1";
    legendData.add(legendNmae1);
    series1.setData(list1);
    series1.setName(legendNmae1);
    series1.setType(type);

    String legendNmae2 = "名称2";
    legendData.add(legendNmae2);
    series2.setData(list2);
    series2.setName(legendNmae2);
    series2.setType(type);

    //组合个折线数据:option的series值
    datalist.add(series1);
    datalist.add(series2);
    datalist.add(refundSeries);

    //把值传到前台就好了
    request.setCharacterEncoding("utf-8");
    request.setAttribute("boundaryGap", boundaryGap);
    request.setAttribute("data", data);
    request.setAttribute("legend", legendData);
    request.setAttribute("xAxisList", xAxisList);
    request.setAttribute("barDatalist", datalist);

    最后前台接收:
    <div id="orgCountChart" ></div>

    <script th:inline="javascript">
    $(function(){
    //从request获取数据
    var legend = /*[[${legend}]]*/;
    var xAxisList = /*[[${xAxisList}]]*/;
    var barDatalist = /*[[${barDatalist}]]*/;
    var boundaryGap = /*[[${boundaryGap}]]*/;

    var myChart = echarts.init(document.getElementById('orgCountChart'));
    //指定图表的配置项和数据
    myChart.clear();
    var option = {
    title: {
    text: '统计图'
    },
    tooltip: {
    trigger: 'axis',
    /* axisPointer : { // 坐标轴指示器(类型为bar时加上更佳)
    type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
    } */
    },
    legend: {
    data:legend
    },
    grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
    },
    toolbox: {
    right:50,
    feature: {
    saveAsImage: {},
    magicType: {
    type: ['line', 'bar']
    }
    }
    },
    xAxis: {
    type: 'category',
    boundaryGap: boundaryGap,
    data:xAxisList
    },
    yAxis: {
    type: 'value'
    },
    series: barDatalist
    };
    myChart.setOption(option);
    }); 、
    </script>
    你试试看~
  • 2019-11-12 11:21:53Echars怎么把数据动态传进去中回答:

    你先要把需要的数据封装成它要渲染的样子,再到前台渲染


    public class Series2 {
    //数值数据
    private ArrayList<Double> data;
    //数据名称,与图例名称对应
    private String name;
    //渲染的数据类型
    private String type;

    }
  • 2019-11-8 9:53:18html页面layui多个select标签没有下拉效果怎么解决?中回答:

    通过id控制就好了
    html:
    <select id="typeId" name="typeId" lay-filter="province" class="province typeId">
    <option value="" >请选择XXX</option>
    </select>
    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-11-8 9:49:14table 宽度问题求解中回答:

    直接不要width,layui会自动调整到合适的宽度
  • 2019-10-31 9:40:17表单赋值相关问题中回答:

    你这样做,把页面和后台数据拼接起来:
    1、html:
    <div id="divId"></div>
    2、js:
    $.ajax({
    url:"你的url路径",
    type:"POST",
    data:{"XId":XId},//你传向后台的值
    dataType:"json",
    async:false,
    success:function(rlt){//这是后台传来的数据
    var str = "";
    if(rlt.length > 0){//如果有数据
    for(var i=0;i<rlt.length;i++){
    str += "<div>"+rlt[i].actuallyAddr+"</div>"+
    "<div>"+rlt[i].actuallyArea+"</div>"+
    "<div>"+rlt[i].actuallyCity+"</div>";
    }//具体内容根据根据你的页面来拼就行了
    }else{
    str += "暂无数据";
    }
    $("#divId").empty();
    $("#divId").append(str);
    },
    error:function(){
    //alert("ajax error");
    }
    })
  • 2019-10-31 9:23:39tree.render的数据输入格式是怎样的中回答:

    你看一下这个:
    https://wujiawei0926.gitee.io/treeselect/
  • 2019-10-31 9:10:20layui tree点击选中中回答:

    这个很好,你可以看看~

    https://wujiawei0926.gitee.io/treeselect/
  • 2019-10-31 9:6:36点击图片,弹出该图片的大图中回答:

    因为没有图片路径

    layui.use(['form','layer'],function(){
    var form = layui.form
    layer = parent.layer === undefined ? layui.layer : top.layer,
    $ = layui.jquery;
    })
    function imgClick() {
    alert($("#testPic").attr('src'));
    var img = "<img class='img_msg' src='"+$("#testPic").attr('src')+"' style='width:130px;' />"
    //调用示例
    try {
    //页面层-佟丽娅
    layer.open({
    type: 1,
    title: false,
    closeBtn: 0,
    area: '516px',
    skin: 'layui-layer-nobg', //没有背景色
    shadeClose: true,
    content: img
    });
    } catch (e) {
    alert(e);
    }
    }
  • 2019-10-24 9:45:53数据表格的表头怎么添加单位?中回答:

    用templet函数根据条件可以展示不同的数据:
    table.render({
    ……
    ,cols: [ [
    ……
    ,{title:'XXX',templet:function(d){
    if( d.xxx == 1){//d.xxx就是你的字段,if里面填控制条件
    return d.xxx+'个';//展示的不同数据了
    }else if( d.xxx == 2){
    return d.xxx+'位';
    }else{
    return d.xxx+'分';
    }
    }
    ……
    ] ]
    });
  • 2019-10-11 8:33:51layui单选下拉框怎样进行数据回填中回答:

    @小尾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个星,该怎么做?