灬憨虫子的主页

灬憨虫子最近的提问

优化 inputTags 标签输入框 2018-10-8 407阅/14答

灬憨虫子最近的回答

2018-11-28 14:42:39 在layui table 如何通过按钮控制某一列的限制与隐藏？？？中回答：

最新版本里数据表格不是有筛选功能了吗，想显示和不想显示哪一列直接筛选便是。
2018-11-28 14:40:38 在layui点击左侧菜单栏，如何在内容区域显示对应的内容中回答：

@Thames 你测试可以实现效果的话就行了，但我觉得吧，这样至少不能够实现可关闭选项卡的效果。

2018-11-28 10:23:11 在util图标怎么跳转新页面中回答：

  util.fixbar({
    bar1: true
    ,click: function(type){
      console.log(type);
      if(type === 'bar1'){
        window.location.href='链接URL';
      }
    }
  });

2018-11-28 10:6:48 在layui点击左侧菜单栏，如何在内容区域显示对应的内容中回答：

可以查看下面的内容
http://luowei1371984.lofter.com/post/1d480da4_12b550d5c

2018-11-28 10:3:39 在请大神赐教，弹出层一直无法点开是为什么中回答：

<script type="text/javascript">
            layui.use(['jquery','form','layer','element'],function(){
                var $ = layui.$, form = layui.form,layer = layui.layer,element = layui.element;
                var active = {
                    // reload 搜索操作
                    reload : function() {
                        var name = $("#chc_cust_name").val();// 获得客户名称 搜索框的值
                        var title = $("#chc_title").val();// 获得概要
                        var linkman = $("#chc_linkman").val();// 获得联系人
                        console.log(name);
                        // 执行重载
                        table.reload('tableReload', // 表格id 表格重载
                        {
                            page : {
                                    curr : 1
                            // 重新从第 1 页开始
                            },
                            where : {
                                    chc_cust_name : name,
                                    chc_title : title,
                                    chc_linkman : linkman
                            }
                        // 这里传参 向后
                        });
                    },
                    btn1 :function(){ //新增销售机会 新增按钮
                        form.render('select');
                        var index = layer.open();
                        layer.open({
                            type : 1,
                            title : '创建销售机会',
                            maxmin : true,
                            shadeClose : true, // 点击遮罩关闭层
                            area : [ '60%', '70%' ],
                            fixed : false, // 不固定
                            content : $('#t1'),
                            success : function(layer, index) {
                                    uu.push(index);

                                    // layer.iframeAuto(index);
                                    $('#add').click(function() {// 添加按钮点击之后
                                       consle.log(index);
                                            add(index);  //跳转到具体function add操作
                                            table.reload('demoTable', {
                                                    page : {
                                                            curr : 1
                                                    // 重新从第 当前1 页开始
                                                    }
                                            });
                                    });
                            },
                            end : function() {
                                    $('#t1').css({
                                            "display" : "none"
                                    }); // 将dom树关闭
                            }

                        });
                    }

                };
                
                $(document).on('click', '#btn1', function() {
                    active.btn1();
                });
            });
        </script>

2018-10-18 16:44:22 在优化 inputTags 标签输入框中回答：

@亲爱的大姨夫
2018-10-17 16:45:57 在优化 inputTags 标签输入框中回答：

@亲爱的大姨夫你想设置成回车键，将inputTags.js中的代码修改一下便是，大概在100行左右，空格的ascii码是32，回车是13，如果你既想空格又想回车，那么增设一个||条件便是。

2018-10-11 8:25:44 在请问layui的Tab点击切换如何改为鼠标悬停切换(点击选项卡切换对应内容，改为鼠标滑过切换)中回答：

<script type="text/javascript">
            layui.use('element',function(){
                var element=layui.element;
                var $=layui.jquery;
                $(".layui-tab-title li").hover(function(){
                    var $i=$(this).index();
                    $(this).addClass("layui-this").siblings().removeClass("layui-this");
                    $(".layui-tab-content .layui-tab-item").eq($i).addClass("layui-show").siblings().removeClass("layui-show");
                });
            });
        </script>

2018-10-10 17:25:56 在关于开关switch的value问题中回答：

@小明在广州后台可以判断有没有接收到值啊，像php用三元判断，$status=!empty($_POST['status'])?$_POST[status']:0;没值直接赋值为0，java应该也可以判断吧。
2018-10-10 16:51:24 在关于开关switch的value问题中回答：

@小明在广州一般0和1的状态值，像用php来接收值，如果是选中状态，php能接收到数据为true，否则没有数据。

2018-10-10 16:2:21 在关于开关switch的value问题中回答：

监听开关，为开关加个lay-filter，如下：

<input type="checkbox" name="status" lay-skin="switch" lay-filter="switchTest" lay-text="开启|关闭" value="1" checked />

JS代码：

layui.use('form',function(){
                var form=layui.form;
                var $=layui.jquery;
                form.on('switch(switchTest)', function(data){
                  $("input[name='status']").val(this.checked ?1:0);
                });
            });

2018-10-10 15:32:35 在layui点击左侧导航栏，右边怎么跳转不同页面，直接再左侧导航栏写链接，导向的是一个新的界面中回答：

@flyer124337 一确保layui的js和css引入正确，二代码中的是data，而非date

2018-10-10 12:45:57 在layui点击左侧导航栏，右边怎么跳转不同页面，直接再左侧导航栏写链接，导向的是一个新的界面中回答：

一个简单的deom
html：

<ul class="layui-nav layui-nav-tree layui-nav-side" lay-filter="treenav">
            <li class="layui-nav-item"><a href="javascript:;" class="site-url" data-id="1" data-title="layui" data-url="http://www.layui.com">layui</a></li>
            <li class="layui-nav-item"><a href="javascript:;" class="site-url" data-title="网易" data-id="2" data-url="http://www.163.com">网易</a></li>
            <li class="layui-nav-item"><a href="javascript:;" class="site-url" data-title="腾讯" data-id="3" data-url="http://www.qq.com">腾讯</a></li>
        </ul>
        <div class="layui-tab layui-tab-brief" lay-filter="contentnav" lay-allowClose="true" style="margin-left:200px;margin-top:0;">
            <ul class="layui-tab-title">
                <li class="layui-this">首页</li>
            </ul>
            <div class="layui-tab-content" style="padding:0;">
                <div class="layui-tab-item layui-show">首页内容...</div>
            </div>
        </div>

JS：

<script type="text/javascript">
    layui.use('element', function(){
        var $=layui.jquery;
        var element = layui.element;
        var active={
            tabAdd:function(url,id,name){
                element.tabAdd('contentnav',{
                    title:name,
                    content:'<iframe data-frameid="'+id+'" scrolling="auto" frameborder="0" src="'+url+'" style="width:100%; height:99%"></iframe>',
                    id:id
                });
                iframeWH();
            },
            tabChange:function(id){
                element.tabChange('contentnav',id);
            },
            tabDelete:function(id){
                element.tabDelete('contentnav',id);
            },
            tabDeleteAll:function(ids){
                $.each(ids,function(index,item){
                    element.tabDelete('contentnav',item);
                });
            }
        };
        $(".site-url").on('click',function(){
            var nav=$(this);
            var length = $("ul.layui-tab-title li").length;
            if(length<=0){
                active.tabAdd(nav.attr("data-url"),nav.attr("data-id"),nav.attr("data-title"));
            }else{
                var isData=false;
                $.each($("ul.layui-tab-title li"),function(){
                    if($(this).attr("lay-id")==nav.attr("data-id")){
                        isData=true;
                    }
                });
                if(isData==false){
                    active.tabAdd(nav.attr("data-url"),nav.attr("data-id"),nav.attr("data-title"));
                }
                active.tabChange(nav.attr("data-id"));
            }
        });
        
        function iframeWH(){
            var H = $(window).height()-80;
            $("iframe").css("height",H+"px");
        }
        $(window).resize(function(){
            iframeWH();
        });
    }); 
</script>

2018-10-10 11:45:47 在关于行编辑问题---触发不了中回答：

数据处理的js应该写到personAdd.html页面中去。
2018-10-10 11:5:28 在jquery事件无法使用中回答：

layui.use(['layer','form'],function(){
var $=layui.jquery;
var form=layui.form;
var layer=layui.layer;
.....
});

灬憨虫子

灬憨虫子 最近的提问

灬憨虫子 最近的回答

灬憨虫子最近的提问

灬憨虫子最近的回答