单身狗278

单身狗278

835飞吻 2019-3-6 加入 来自黔东南

(这个人懒得留下签名)

单身狗278 最近的提问

单身狗278 最近的回答

  • 6天前数据表格如何实现即时搜索框中回答:

  • 7天前table表头下拉怎么做,如图中回答:

    @pxy2019 https://gitee.com/yangqianlong98/layuiTableColumnSelect 这是在表格体加下拉框,你可以直接搬上面的代码。
  • 7天前table表头下拉怎么做,如图中回答:

    @pxy2019 一个点击事件加上动态生成下拉框就成功了,有啥难度。
  • 7天前table表头下拉怎么做,如图中回答:

    自己写代码撸,有啥难的。
  • 2020-1-12 20:1:25如何在弹出一个新的Tab页面呢?就像点击左侧菜单一样,在内容区弹出一个新的Tab页面。中回答:

  • 2020-1-3 15:14:19Table表单放置select下拉框,如何解决下拉框显示不全中回答:

    把下拉框做成一个div,这个div是放在body之下的,然后通过position的absolute属性定位到表格下就能解决被覆盖的问题了。
  • 2020-1-1 14:40:0layui 给已有table 给已有字段赋值中回答:

    @萌新程序员 这还不简单吗。你获取得到后台数据后,进行解析,解析过程中把discAmount加上去就有了啊。parseData这回调函数。
  • 2019-12-31 15:9:26layui 给已有table 给已有字段赋值中回答:

    @萌新程序员 https://www.layui.com/doc/modules/table.html 好好的看一下layui的table文档吧
  • 2019-12-31 11:30:46layui 给已有table 给已有字段赋值中回答:

    obj.update()
  • 2019-12-30 10:13:36layui切换选项卡调用其中的重载方法中回答:

    @皓月流觞 调用重载方法跟刷新选项卡没区别,你直接刷新选项卡就行了的。
  • 2019-12-28 20:19:36layui 数据表格 字段右固定 里面有下拉框select 下拉无法显示中回答:

    这个插件解决了被覆盖的问题,应该能解决你这个问题的。
  • 2019-12-28 20:18:31layui 数据表格 字段右固定 里面有下拉框select 下拉无法显示中回答:

    https://gitee.com/yangqianlong98/layuiTableColumnSelect希望能帮到你
  • 2019-12-28 20:17:50layui切换选项卡调用其中的重载方法中回答:

    不明白,请上代码吧!
  • 2019-12-25 13:19:23table 里如何渲染select中回答:

    https://gitee.com/yangqianlong98/layuiTableColumnSelect
  • 2019-12-24 20:24:58layui 中如何根据lay-id 实现静态页面切换 到指定选项卡中回答:

    @刘丽丽 这是我的代码,已经能实现指定选项卡了。你可以参考一下
  • 2019-12-24 20:24:14layui 中如何根据lay-id 实现静态页面切换 到指定选项卡中回答:

    layui.define(["element","jquery"],function(exports){
    var element = top.layui.element, $ = top.layui.jquery;
    var active = {
    tabAdd: function(params){
    //判断该选项卡是否存在,存在则直接跳到该选项卡!
    if(this.containUrl(params.url)){
    this.tabChange(params);
    return;
    }
    //新增一个Tab项
    //获取iframe的高度
    var iframeHeight = $("#container").height()-$("#layui-tab-title-homeBody").height()-$("div.layui-footer").eq(0).height();
    element.tabAdd('tabs', {
    title: params.title
    ,content: '<iframe scrolling="auto" frameborder="0" src="'+params.url+'" style="width:100%;height:'+iframeHeight+'px;">'+params.title+'</iframe>'
    ,id: params.url
    });
    this.tabChange(params);
    },tabChange: function(params){
    //切换到指定Tab项
    element.tabChange('tabs', params.url);
    },containUrl:function (url) {
    //判断id为url的选项卡是否存在
    var contain = false;
    $('ul.layui-tab-title li').each(function () {
    var thisUrl = this.getAttribute("lay-id");
    if(url === thisUrl){
    contain = true;
    }
    });
    return contain;
    },
    createTab:function () {
    var that = this;
    //生成选项卡
    element.on('nav(homeBodyNav)',function (elem) {
    var url=elem.context.getAttribute("url");
    //如果url为空或者未定义,则直接忽略掉本级菜单。
    if(url==null || typeof url=='undefined' || url==''){
    return;
    }
    //如果存在子级菜单,则忽略掉本级菜单url。
    if(elem.next()[0]){return;}

    var title=elem.text();
    var params={url:url,title:title};
    that.tabAdd(params);
    });
    },
    openOnlyOneMenu:function () {
    //隐藏不必要展开的菜单(只打开一个最上级菜单)
    var navs = $('ul.layui-nav.layui-nav-tree li');
    navs.bind('click',function () {
    var that = this;
    $('ul.layui-nav.layui-nav-tree li').each(function () {
    if(that==this){return;}
    var classText = this.getAttribute("class");
    if(classText.indexOf("layui-nav-itemed")>-1){
    $(this).attr("class","layui-nav-item");
    }
    });
    });
    },
    refreshCurrentTab:function () {
    //刷新当前选项卡
    $('#homeRefresh').bind('click',function () {
    var thisIframe = $('div.layui-show iframe')[0];
    var thisUrl = $(thisIframe).attr("src");
    $(thisIframe).attr("src",thisUrl);
    });
    },ajax:function (url,params) {
    var defaultParams = {async:true};
    $.extend(defaultParams,params);
    $.ajax({
    url: url,
    type: defaultParams.type,
    dataType: defaultParams.dataType,
    data: defaultParams.data,
    success: defaultParams.callback
    });
    }
    };

    exports('layuiUtils', active);
    });
  • 2019-12-24 20:23:28layui 中如何根据lay-id 实现静态页面切换 到指定选项卡中回答:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>运维管理</title>
    <link rel="stylesheet" href="../common/layui/css/layui.css">
    </head>
    <body class="layui-layout-body">
    <!--
    让IE8/9支持媒体查询,从而兼容栅格
    -->
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>

    <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
    <div class="layui-logo">运维管理</div>
    <!-- 头部区域(可配合layui已有的水平导航) -->
    <ul class="layui-nav layui-layout-left">
    <li class="layui-nav-item" lay-unselect="">
    <a href="javascript:;" layadmin-event="refresh" title="刷新" id="homeRefresh">
    刷新
    <i class="layui-icon layui-icon-refresh-3"></i>
    </a>
    </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
    <li class="layui-nav-item">
    <a href="javascript:;">
    <!--<img src="http://t.cn/RCzsdCq" class="layui-nav-img">-->
    admin
    </a>
    <!--<dl class="layui-nav-child">
    <dd><a href="">基本资料</a></dd>
    <dd><a href="">安全设置</a></dd>
    </dl>-->
    </li>
    <!--<li class="layui-nav-item"><a href="">退了</a></li>-->
    </ul>
    </div>

    <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
    <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
    <ul class="layui-nav layui-nav-tree" lay-filter="homeBodyNav">
    <li class="layui-nav-item layui-nav-itemed">
    <a class="" href="javascript:;">故障管理</a>
    <dl class="layui-nav-child">
    <dd>
    <a href="javascript:;" url="/collect-monitor/page/exception/exceptionType.html">故障查询</a>
    </dd>
    <!--多级菜单示例-->
    <!--<dd>
    <a href="javascript:;">测试<span class="layui-nav-more"></span></a>
    <dl class="layui-nav-child">
    <dd><a href="javascript:;" url="测试1">测试1</a></dd>
    <dd><a href="javascript:;" url="测试2">测试2</a></dd>
    </dl>
    </dd>-->
    </dl>
    </li>
    <!--二级菜单示例-->
    <li class="layui-nav-item">
    <a class="" href="javascript:;">设备管理</a>
    <dl class="layui-nav-child">
    <dd>
    <a href="javascript:;" url="/collect-monitor/page/faceDevice/deviceMonitor.html">设备查询</a>
    </dd>
    </dl>
    </li>
    <li class="layui-nav-item">
    <a class="" href="javascript:;">数据监测</a>
    <dl class="layui-nav-child">
    <dd>
    <a href="javascript:;" url="/collect-monitor/page/process/processDataLose.html">数据流程监测</a>
    </dd>
    </dl>
    </li>
    </ul>
    </div>
    </div>

    <!--中间主体-->
    <div class="layui-body" id="container">
    <div class="layui-tab" lay-filter="tabs" lay-allowClose="true">
    <ul class="layui-tab-title" id="layui-tab-title-homeBody">
    <!--<li class="layui-this" lay-id="1">首页</li>-->
    </ul>
    <div class="layui-tab-content" style="height: 100%">
    <!--<div class="layui-tab-item layui-show">首页内容</div>-->
    </div>
    </div>
    </div>

    <div class="layui-footer">
    <!-- 底部固定区域 -->
    <div class="layui-anim">
    <div class="layui-row">
    <div class="layui-col-md6 layui-col-md-offset4">
    <p>
    <a target="_blank">Copyright © 2015-2026 All Rights Reserved</a>
    </p>
    </div>
    </div>
    </div>
    </div>
    </div>
    <script src="../common/layui/layui.js"></script>
    <script src="../common/utils/initLayuiConfig.js"></script>
    <script>
    layui.use('layuiUtils', function(){
    var util = layui.layuiUtils;
    //生成选项卡
    util.createTab();
    //隐藏不必要展开的菜单(只打开一个最上级菜单)
    util.openOnlyOneMenu();
    //刷新当前选项卡
    util.refreshCurrentTab();
    });
    </script>
    </body>
    </html>
  • 2019-12-24 20:22:3layui 中如何根据lay-id 实现静态页面切换 到指定选项卡中回答:

    @刘丽丽 看不懂你这样写的意义何在,不过我这里是实现了指定选项卡功能的。
  • 2019-12-24 12:39:9layui 中如何根据lay-id 实现静态页面切换 到指定选项卡中回答:

    @刘丽丽 我给你捋捋思路。
    1、把页面的url作为属性lay-id的值
    2、需要跳到指定的选项卡时,可根据url来直接获取。
    3、调用layui的element接口就可以实现跳到指定的选项卡了。
  • 2019-12-23 14:52:1我今天刚刚买了一套永久单页面版本中回答:

    好不好用?
  • 2019-12-23 14:31:10layui 中如何根据lay-id 实现静态页面切换 到指定选项卡中回答:

    简单啊,这很基础的东西。
  • 2019-12-21 22:44:45table无下一页操作栏中回答:

    请展示你的代码,你这样问谁能指点?
  • 2019-12-20 9:14:25解决table中下拉框的大部分问题中回答:

    @谢Sir 同一个单元格,数据源是相同的,反之可以不同。
  • 2019-12-18 19:18:21table表头可以放入一个input框吗中回答:

    @萌新程序员 f12,然后找到表节点,在<thead>标签上面加的。
  • 2019-12-18 16:58:58table表头可以放入一个input框吗中回答:

    @萌新程序员 @誰年少多金 我是在浏览器上直接加个input的。用啥代码哦,这么简单。
  • 2019-12-17 20:32:52table表头可以放入一个input框吗中回答:

  • 2019-12-17 20:21:35table表头可以放入一个input框吗中回答:

    可以,自己加上去就好了啊
  • 2019-12-16 17:20:38解决table中下拉框的大部分问题中回答:

    @PTG 这么进去url才是正确的
  • 2019-12-16 17:18:58解决table中下拉框的大部分问题中回答:

  • 2019-12-16 10:35:35解决table中下拉框的大部分问题中回答:

    @PTG 我在本地测了,没有报错,请问你是怎么测的?