stock2

stock2

920飞吻 2017-3-11 加入 来自上海

(这个人懒得留下签名)

stock2 最近的提问

stock2 最近的回答

  • 2018-1-1 20:55:28layui要是能把依赖模块js合并加载就更完美了,就是combo功能中回答:

    不是有个all.js吗
  • 2018-1-1 9:28:22table中的按钮组尺寸问题中回答:

    你可以在对应的页面,通过<style>css</style>
    自己定义一个样式,模板里用都可以的.
    这样一组或整个表格都可以呀.
  • 2017-12-31 21:12:19table中的按钮组尺寸问题中回答:

    如果你用的是模板,可以限定高度呀.css或style=""
  • 2017-12-31 21:2:49可以隐藏显示侧边栏,可以tab方式菜单中回答:

    新增的菜单一,对应的地址.例如 1.html
    <!DOCTYPE html>
    <head>
    <meta charset="UTF-8">
    <title>1</title>
    <link rel="stylesheet" href="css/layui.css">
    <script src="layui.js"></script>
    </head>
    <body >

    <div id="11" >测试11</div>

    <div id="22" >测试22</div>

    </body>
    </html>

    <script>
    layui.use(['jquery'],function(){

    $ = layui.jquery;

    $("#11").click(function(){
    parent.addTab("测试11","","T11");
    });
    $("#22").click(function(){
    parent.addTab("测试22","","T22");
    });



    });

    </script>
  • 2017-12-31 10:34:48可以隐藏显示侧边栏,可以tab方式菜单中回答:

    晕的很,发了分享结果忘记给代码了.抱歉.
    就一个index.html 下面是代码
    其他的都是layui的, 是2.2.45版本 放在同文件夹下即可.
    ------------------------------------------------
    <!DOCTYPE html>
    <head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/layui.css">
    <script src="layui.js"></script>
    </head>
    <body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
    <div class="layui-header ">
    <div class="layui-logo">管理系统</div>
    <div class="layui-layout-left" style="margin-top:18px; font-size:16px; color:#FFF;" id="navSorH">隐藏左侧</div>

    <ul class="layui-nav layui-layout-right">
    <li class="layui-nav-item">
    <a href="">控制台<span class="layui-badge">9</span></a>
    </li>
    <li class="layui-nav-item">
    <a href="">个人中心<span class="layui-badge-dot"></span></a>
    </li>

    <li class="layui-nav-item">
    <a href="http://www.shuyangyang.com.cn">退出系统</a>
    </li>
    </ul>
    </div>

    <div id="leftA" class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
    <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
    <ul class="layui-nav layui-nav-tree" lay-filter="left-menu">
    <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">系统菜单</a>
    <dl class="layui-nav-child">
    <dd id="A001" name=""><a href="javascript:;">菜单一</a></dd>
    <dd id="A002" name=""><a href="javascript:;">菜单二</a></dd>
    <dd id="A003" name=""><a href="javascript:;">菜单三</a></dd>
    <dd id="A004" name="http://www.baidu.com"><a href="javascript:;">baidu</a></dd>
    </dl>
    </li>
    <li class="layui-nav-item">
    <a href="javascript:;">列表菜单</a>
    <dl class="layui-nav-child">
    <dd id="B001" name=""><a href="javascript:;">列表一</a></dd>
    <dd id="B002" name=""><a href="javascript:;">列表二</a></dd>
    <dd id="B003" name=""><a href="javascript:;">列表三</a></dd>
    </dl>
    </li>

    </ul>
    </div>
    </div>

    <div class="layui-body" style="bottom: 0px;">
    <div style="padding-left: 15px">
    <!-- 内容主体区域 -->
    <div class="layui-tab" lay-allowClose="true" lay-filter="tab-switch">
    <ul class="layui-tab-title">
    <li class="layui-this" >首页</li>
    </ul>
    <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
    内容1
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>

    <script >
    layui.use(['element','jquery'],function(){
    element = layui.element;
    $ = layui.jquery;

    var i=0;
    $('#navSorH').click(function(){
    if(i==0){
    $(".layui-side").animate({width:'0px'});
    $(".layui-body").animate({left:'0px'});
    $(this).text("显示左侧导航");
    i++;
    }else{
    $(".layui-side").animate({width:'200px'});
    $(".layui-body").animate({left:'200px'});
    $(this).text("隐藏左侧导航");
    i--;
    }

    });

    //监听左侧菜单点击
    element.on('nav(left-menu)', function(elem){
    addTab(elem[0].innerText,elem[0].attributes[1].nodeValue,elem[0].id);
    });
    //监听tab选项卡切换
    element.on('tab(tab-switch)', function(data){
    if(data.elem.context.attributes != undefined){
    var id = data.elem.context.attributes[0].nodeValue;
    layui.each($(".layui-nav-child"), function () {
    $(this).find("dd").removeClass("layui-this");
    });
    $("#"+id).attr("class","layui-this");
    }
    });
    });

    /**
    * 新增tab选项卡,如果已经存在则打开已经存在的,不存在则新增
    * @param tabTitle 选项卡标题名称
    * @param tabUrl 选项卡链接的页面URL
    * @param tabId 选项卡id
    */
    function addTab(tabTitle,tabUrl,tabId){
    if ($(".layui-tab-title li[lay-id=" + tabId + "]").length > 0) {
    element.tabChange('tab-switch', tabId);
    }else{
    element.tabAdd('tab-switch', {
    title: tabTitle
    ,content: '<iframe src='+tabUrl+' width="100%" style="min-height: 500px;" frameborder="0" scrolling="auto" onload="setIframeHeight(this)"></iframe>' // 选项卡内容,支持传入html
    ,id: tabId //选项卡标题的lay-id属性值
    });
    element.tabChange('tab-switch', tabId); //切换到新增的tab上
    }
    }

    /**
    * ifrme自适应页面高度,需要设定min-height
    * @param iframe
    */
    function setIframeHeight(iframe) {
    if (iframe) {
    var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
    if (iframeWin.document.body) {
    iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
    }
    }
    };

    </script>
  • 2017-12-30 11:30:50左侧导航与右侧内容 tab 结合切换特效中回答:

    感谢楼主分享,我也很喜欢这样的后台模式.带tab的框架 仅仅框架. 其他自己实现.
    建议
    1.能有收缩功能,有时表格太宽,需要挤压下空间.
    2.能在tab里,点击例如 查看详细,可以再次打开一个新tab+标题.
    现在的水平感觉,自己实现,还是有些困难的.
    以后我实现了,也会告之下你.
    效果如下.

    我本来还以为发布的admin是这样的框架,嘻嘻.
    我之前也发过求助贴.http://fly.layui.com/jie/20217/
  • 2017-12-29 22:33:52今天,关于本人私自售卖layuiadmin的事情说明中回答:

    支持认错的态度.尊重被人,才能被别人尊重 ,
    都是开发者.更加知道代码对开发者而言, 经过不断超越和创新,最终修成正果. 完成的好作品.像自己的宝宝.
    如果嫌贵可以不买,但绝不能做违规违法的事情.
  • 2017-12-29 22:19:39在列有event事件时,如何屏蔽点击显示更多内容??中回答:

    通过笨办法实现了
    $(".layui-table-main tr:eq(0) td:eq(0)").trigger('click');
    在执行前,模拟执行下即可.不需要修改源码.
    其次,不影响其他文本框. 只影响event的文本,正好,相当于不展示.
  • 2017-12-29 21:40:59table中使用templet模板渲染单列出现省略号事件监听问题的处理中回答:

    @海枫
    我找到了是在源码的table.js里
    意思是, 但 执行了 event 的点击事件后, 模拟点击下单元格, 会自动缩进.从而避免了 必须关闭,否则不能再次点击
    //ADD BY HYPHONE ON 2018-12-20
    layero.find('*[lay-event]').on('click', function(){
    alert("aa"); //也不执行 你的代码 我的应用里无效. 不知道什么原因.
    });
  • 2017-12-29 15:20:46layui chrome显示正常,360显示异常中回答:

    他们还有兼容和高速模式. 应该是高速模式.
    建议用脚本检查浏览器,低于ie7 就提示更换浏览器.
  • 2017-12-29 14:10:48数据表格在IE下无法显示样式中回答:

    应该是css没有正确指定路径导致.
  • 2017-12-29 10:49:19table中使用templet模板渲染单列出现省略号事件监听问题的处理中回答:

    请问楼主,@海枫
    if(elemCell.find('.layui-form-switch,.layui-form-checkbox')[0]) 在哪里源码里?谢谢
    我准备判断 ,如果该列有 event属性, 就不展开. 这样比较通用些,不太影响.
    谢谢.
  • 2017-12-28 22:5:36table中使用templet模板渲染单列出现省略号事件监听问题的处理中回答:

    我也发现这个问题,绑定了event事件,导致点击第二次无效,我明天试试你的方法,感谢
  • 2017-12-28 21:50:44select 下拉框中带有checkbox 和大家分享一下中回答:

    喜欢。样式很好看,先收藏下,感谢楼主分享
  • 2017-12-28 21:45:11给 layui 扩展一个 steps 步骤组件中回答:

    感觉很棒,收藏,顺便学习下引用扩展js