ccss

ccss

355飞吻 2018-8-21 加入 来自宁波

(这个人懒得留下签名)

ccss 最近的回答

  • 2018-12-25 16:38:22radio怎么显示不出来?中回答:

    @码个没完 还真是,之前一直以为是layui的问题,没有考虑到vue的重新渲染视图
    非常感谢,特地还找了vue的api
  • 2018-12-25 15:40:7radio怎么显示不出来?中回答:

    @码个没完
    感谢回复!

    这个是操作data数据层面的
    this.tour[index].children.push({title:'餐饮',type:'4'}); 
    这个是模板层面的
    radio是已经在模板层面了
    数据更新后,模板才会进行显示的
    <template v-else-if="item.type==4">
    <div class="timeline-title">餐饮</div>
    <div class="timeline-box">
    <div class="tips">
    <i v-on:click="delete_item(index,i)" class="layui-icon layui-icon-close-fill"></i>
    </div>
    <div class="block">
    <input type="radio" name="sex" value="早餐" title="早餐" checked="">
    <input type="radio" name="sex" value="午餐" title="午餐">
    <input type="radio" name="sex" value="晚餐" title="晚餐">
    </div>
    <div class="block">
    <input type="text" class="plan-input width360" placeholder="请选择餐饮" value="">
    <div class="img"><i class="layui-icon layui-icon-picture"></i></div>
    <div class="choiceimg">选择照片</div>
    </div>
    <div class="block">
    <textarea placeholder="补充说明" class="plan-textarea"></textarea>
    </div>
    </div>
    </template>
    具体可以看下演示:http://nbdm.net/vue1.html
  • 2018-12-25 15:14:5radio怎么显示不出来?中回答:

    @码个没完
    create_item: function (index,type) {
    var itemTpl = {
    type:0,
    check:1
    };
    switch(type){
    case 1:
    console.log("机票")
    this.tour[index].children.push({title:'机票',type:'1',value:''})
    break;
    case 2:
    console.log("景点")
    this.tour[index].children.push({title:'景点',type:'2'})
    break;
    case 3:
    console.log("酒店")
    this.tour[index].children.push({title:'酒店',type:'3'})
    break;
    case 4:
    console.log("餐饮")
    this.tour[index].children.push({title:'餐饮',type:'4'})
    form.render();
    break;
    case 5:
    console.log("交通")
    this.tour[index].children.push({title:'交通',type:'5'})
    break;
    default:
    console.log("活动")
    this.tour[index].children.push({title:'活动',type:'6'})
    }

    },
    感谢回复,不过,代码里是已经有加过form.render(); 的
  • 2018-12-18 10:47:35【求助】这样的效果tips可以实现吗?需求:点击tips的内容并且删除相应的内容中回答:

    @HNOP 是的,只是刚好看到tips效果和自己想要的效果差不多,就想直接拿来用了。
    不知道有没有现成的JS,可以实现的?
    实在不想重复造轮子了
  • 2018-12-18 10:45:43【求助】这样的效果tips可以实现吗?需求:点击tips的内容并且删除相应的内容中回答:

    @IDyun 感谢回复,因为tips是在网页底部出来的,没有办法定位到想要删除的内容。原来用dada可以定位到了。
    第一天我就直接加了个data也能删除了。
    <!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="//res.layui.com/layui/dist/css/layui.css" media="all">
    </head>
    <body class="layui-layout-body">
    <form class="layui-form" action="">
    <div class="layui-tab-content" style="padding-top:30px;">
    <ul class="layui-timeline">
    <li class="layui-timeline-item">
    <i class="layui-icon layui-timeline-axis"></i>
    <div class="layui-timeline-content layui-text">
    <h3 class="layui-timeline-title" data-day="1">第1天</h3>
    </div>
    </li>
    <li class="layui-timeline-item">
    <i class="layui-icon layui-icon-add-circle" style="font-size:30px;color:#1E9FFF;position: absolute;left: -10px;top: 0;"></i>
    <div class="layui-timeline-content layui-text">
    <h3 class="layui-timeline-title" style="line-height:36px;color:#1E9FFF;">添加天数</h3>
    </div>
    </li>
    </ul>
    </div>
    </form>
    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <script>
    //JavaScript代码区域
    layui.use(['form','element','table','layer'], function(){
    var $ = layui.jquery;
    var form = layui.form;
    var element = layui.element;
    var table = layui.table;
    var layer = layui.layer;


    $(".layui-timeline .layui-timeline-item:last").click(function(){
    var numbers=$(".layui-timeline .layui-timeline-item").length;

    var html='<li class="layui-timeline-item"><i class="layui-icon layui-timeline-axis"></i><div class="layui-timeline-content layui-text"><h3 class="layui-timeline-title " data-day="'+numbers+'">第'+numbers+'天</h3><p></p></div></li>';
    console.log(html);
    $(this).before(html);

    });

    $(document).on('mouseenter','.layui-timeline-item [data-day]',function(){
    var numbers=$(this).data('day');
    var index=layer.tips('<div class="del" data-del="'+numbers+'">删除</div>', this, {
    tips: [1, '#FF5722'],
    time:0,
    });
    }).on('mouseleave', function(){
    layer.close(layer.index);
    });


    $(document).on('click','.del',function(){
    var numbers =$(this).data('del');
    console.log(numbers);
    top.layer.confirm('确认要删除?', {skin:"layer_default",icon:3,shade:0.8},function(index){
    layer.closeAll('tips');
    $('[data-day='+numbers+']').parents('.layui-timeline-item').remove();
    top.layer.close(index);
    });
    });


    });


    </script>
    </body>
    </html>
  • 2018-12-17 22:59:6【时间线】想通过jquery点击后增加一个时间段,但是web出来的是源代码,求解?中回答:

    @筱筱细雨凉生颊 还真是,感谢回复!
  • 2018-11-14 10:59:19修改layer弹窗图标的颜色中回答:

    不错哦,收藏啦!
  • 2018-11-14 10:39:19【求助】getChildFrame无法获取到iframe页面的代码中回答:

    @IDyun 还真是,加个top就OK了,感谢大神的帮助
  • 2018-11-14 10:30:4【求助】父页面无法获得iframe里table的值中回答:

    @IDyun 感谢回复,问题解决了,原来可以直接通过ID来获取选中状态的。
    再次翻看文档,发现看的还不够仔细,文档里也是通过ID来获取选中状态的



    另外能否查看下这个问题: https://fly.layui.com/jie/44088/ (getChildFrame无法获取到iframe页面的代码)
    再次感谢
  • 2018-11-14 9:48:5【求助】父页面无法获得iframe里table的值中回答:

    @IDyun 感谢回复,company2.html页面有修复了,但应该不是获取不到数据的问题。

    问题如图:


    company2.html代码如下:
    <script>
    //JavaScript代码区域
    layui.use(['form','element','table','layer'], function(){
    var $ = layui.jquery;
    var form = layui.form;
    var element = layui.element;
    var table = layui.table;
    var layer = layui.layer;

    //展示已知数据
    table.render({
    elem: '#company'
    ,id:'companReload' //只要设置过这个id,就不行了
    ,cols: [[
    {type: 'radio',fixed: 'left'},
    {field: 'id', title: 'ID', sort: true}
    ,{field: 'name', title: '公司名字'}
    ]]
    ,data: [{
    "id": "10001"
    ,"name": "华为"
    }, {
    "id": "10002"
    ,"name": "小米"
    }, {
    "id": "10003"
    ,"name": "苹果"
    }]
    ,even: true
    ,page: true //是否显示分页
    ,limit: 5 //每页默认显示的数量
    });

    $("#tableReload").click(function(){
    table.reload('companReload', {
    elem: '#company',
    //url:"",
    data: [{
    "id": "1"
    ,"name": "阿里"
    }, {
    "id": "2"
    ,"name": "百度"
    }, {
    "id": "3"
    ,"name": "腾讯"
    }],
    page: true,
    where: {
    id: '1'
    }
    });
    });





    });
    </script>
  • 2018-11-13 23:58:34【求助】父页面无法获得iframe里table的值中回答:

    @IDyun @贤心 @岁月小偷 能否帮忙查看下这个问题呢?
  • 2018-11-9 22:59:59弹出层提交信息后,刷新的是整个页面,并不是真正的父iframe,请问如何只刷新父iframe?中回答:

    @苍狗又白云 感谢回复,测试成功,如下2段代码均可
    1、
    var refresh=$('.layui-show iframe', window.parent.document).attr('src');
    $('.layui-show iframe', window.parent.document).attr("src", refresh);
    2、
    var iframe=$('.layui-show iframe', window.parent.document)
    iframe[0].contentWindow.location.reload(true);
  • 2018-11-9 17:3:27弹出层提交信息后,刷新的是整个页面,并不是真正的父iframe,请问如何只刷新父iframe?中回答:

    @苍狗又白云 感谢回复
    iframe页面的选项卡代码如下
    <ul class="layui-tab-title">
    <li class="">
    <i class="fa fa-home"></i>
    <cite>控制面板</cite>
    <i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>
    <li lay-id="web-72" class="layui-this">广告管理<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li></ul>
    执行如下,会提示出错
    var tab = window.parent.document.getElementsByClassName("layui-tab-title").getElementsByTagName("li");
    console.log(tab);



  • 2018-11-9 15:32:5弹出层提交信息后,刷新的是整个页面,并不是真正的父iframe,请问如何只刷新父iframe?中回答:

    @大黄蜂 感谢回复,
    百度“layui 子页面刷新父页面”搜索出来的都是
    parent.location.reload(); // 父页面刷新
    所以就试了这个方法

    layer.getFrameIndex(windowName)
    文档描述的是获取当前iframe层的索引,并关闭layer,不知道和父iframe有什么关系呢?
  • 2018-11-9 14:52:57弹出层提交信息后,刷新的是整个页面,并不是真正的父iframe,请问如何只刷新父iframe?中回答:

    @大黄蜂 刚回复错了,用parent.location.href获取的URL值也是整个后台的URL地址,parent获取不到父iframe[汗]
  • 2018-11-9 14:50:22弹出层提交信息后,刷新的是整个页面,并不是真正的父iframe,请问如何只刷新父iframe?中回答:

    @大黄蜂 ajax提交成功后,有设置父栏目刷新的,代码里有“parent.layer.reload();”,但是刷新的是整个后台的页面,并不是父iframe的页面。
    奇怪的是,用parent.location.href获取的URL值就是这个父iframe的URL地址
    不知道为何刷新父iframe不成功
  • 2018-10-27 12:40:42父框架如何获取子框架中的数据表格里某行的数据?中回答:

    @IDyun 请问,设置layer.open的话正常!但我设置了top.layer.open,就获取不到值了,是哪里出错了?应该如何修改呢?
    var company=top.layer.open({
    type: 2,
    title: '选择公司',
    shade: 0.8,
    maxmin: true, //开启最大化最小化按钮
    area: ['600px', '400px'],
    content: 'URL',
    btn: ['确认', '关闭'],
    yes: function(index){
    var iframeWindow = window['layui-layer-iframe'+ index];
    var checkStatus = iframeWindow.layui.table.checkStatus('list');
    console.log(checkStatus.data[0]);
    top.layer.close(index);
    },
    btn2: function(){}
    });
    top.layer.full(company);
  • 2018-10-26 22:45:50如何验证radio是否有选择?中回答:

    @IDyun 感谢,原来还有自定义验证规则!
  • 2018-10-26 10:14:20父框架如何获取子框架中的数据表格里某行的数据?中回答:

    @IDyun 非常感谢,解决问题了!
  • 2018-10-17 11:14:24基于 layui 的 treeGrid 插件【第二版发布!】中回答:

    请问如何获取头部工具的点击事件?
    代码如图:


  • 2018-10-15 15:40:41基于 layui 的 treeGrid 插件【第二版发布!】中回答:

    补充上面的

    正常URL(http://127.0.0.1/list.html)的截图:

    不正常URL(http://127.0.0.1/index.php/admin/user/set/id/2)的截图:
  • 2018-10-15 15:37:47基于 layui 的 treeGrid 插件【第二版发布!】中回答:

    同样的代码
    URL:http://127.0.0.1/list.html 显示正常
    URL:http://127.0.0.1/index.php/admin/user/set/id/2 就显示不出来(用的是thinkphp框架)

    代码如下:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>treeGrid</title>
    <link rel="stylesheet" href="http://127.0.0.1/testTreeGrid/web/design/css/layui.css">
    <script src="http://127.0.0.1/testTreeGrid/web/design/layui.js"></script>
    </head>
    <style>
    html, body {
    height: 100%;
    margin:0;padding:0;
    font-size: 12px;
    }
    div{
    -moz-box-sizing: border-box; /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box; /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
    }
    .dHead {
    height:85px;
    width:100%;
    position: fixed;
    z-index:5;
    top:0;
    overflow-x: auto;
    padding: 10px;
    }
    .dBody {
    width:100%;
    overflow:auto;
    top:90px;
    position:absolute;
    z-index:10;
    bottom:5px;
    }
    .layui-btn-xstree {
    height: 35px;
    line-height: 35px;
    padding: 0px 5px;
    font-size: 12px;
    }
    </style>
    <body>
    <div style="height: 100%">
    <div class="dHead">
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="window.location.href='index.html';">刷新</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="reload()">reload</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="query()">query</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="add(null);">新增一行</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="openorclose();">隐藏或打开香蕉节点</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="getCheckData();">获取选中行数据</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="getCheckLength();">获取选中数目</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="print();">打印缓存对象</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="openAll();">展开或折叠全部</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="radioStatus();">获取单选数据</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-xstree" onclick="test();">test</a>
    <br>
    <br>
    <b>此服务器配置不是一般低</b>,请您耐心等待,如长时间无法加载,可以手动刷新一次(一机多用,所以宽带和内存有限的问题导致资源无法及时加载成功)。
    <img src="img/1_open.png" onerror="src='http://127.0.0.1/testTreeGrid/web/img/1_close.png'" alt="">
    </div>
    <div class="dBody">
    <table class="layui-hidden" id="treeTable" lay-filter="treeTable"></table>
    </div>
    </div>
    <script>
    var editObj=null,ptable=null,treeGrid=null,tableId='treeTable',layer=null;
    layui.config({
    base: 'public/layui_extend/'
    }).extend({
    treeGrid:'treeGrid'
    }).use(['jquery','treeGrid','layer'], function(){
    var $=layui.jquery;
    treeGrid = layui.treeGrid;//很重要
    layer=layui.layer;
    ptable=treeGrid.render({
    id:tableId
    ,elem: '#'+tableId
    ,url:'http://127.0.0.1/testTreeGrid/web/json/treeData.json'
    ,cellMinWidth: 100
    ,idField:'id'//必須字段
    ,treeId:'id'//树形id字段名称
    ,treeUpId:'pId'//树形父id字段名称
    ,treeShowName:'name'//以树形式显示的字段
    ,heightRemove:[".dHead",10]//不计算的高度,表格设定的是固定高度,此项不生效
    ,height:'100%'
    ,isFilter:false
    ,iconOpen:true//是否显示图标【默认显示】
    ,isOpenDefault:true//节点默认是展开还是折叠【默认展开】
    ,loading:true
    ,method:'post'
    ,cols: [[
    {type:'numbers'}
    ,{type:'radio'}
    ,{type:'checkbox',sort:true}
    ,{field:'name', width:300, title: '水果名称',edit:'text',sort:true}
    ,{field:'id',width:100, title: 'id',sort:true}
    ,{field:'pId', title: 'pid',sort:true}
    ,{width:100,title: '操作', align:'center'/*toolbar: '#barDemo'*/
    ,templet: function(d){
    var html='';
    var addBtn='<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="add">添加</a>';
    var delBtn='<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>';
    return addBtn+delBtn;
    }
    }
    ]]
    ,isPage:false
    ,parseData:function (res) {//数据加载后回调
    return res;
    }
    ,onClickRow:function (index, o) {
    console.log(index,o,"单击!");
    }
    ,onDblClickRow:function (index, o) {
    console.log(index,o,"双击");
    }
    });

    treeGrid.on('tool('+tableId+')',function (obj) {
    if(obj.event === 'del'){//删除行
    del(obj);
    }else if(obj.event==="add"){//添加行
    add(obj);
    }
    });
    });

    function del(obj) {
    layer.confirm("你确定删除数据吗?如果存在下级节点则一并删除,此操作不能撤销!", {icon: 3, title:'提示'},
    function(index){//确定回调
    obj.del();
    layer.close(index);
    },function (index) {//取消回调
    layer.close(index);
    }
    );
    }


    var i=1000000;
    //添加
    function add(pObj) {
    var pdata=pObj?pObj.data:null;
    var param={};
    param.name='水果'+Math.random();
    param.id=++i;
    param.pId=pdata?pdata.id:null;
    treeGrid.addRow(tableId,pdata?pdata[treeGrid.config.indexName]+1:0,param);
    }

    function print() {
    console.log(treeGrid.cache[tableId]);
    var loadIndex=layer.msg("对象已打印,按F12,在控制台查看!", {
    time:3000
    ,offset: 'auto'//顶部
    ,shade: 0
    });
    }

    function openorclose() {
    var map=treeGrid.getDataMap(tableId);
    var o= map['102'];
    treeGrid.treeNodeOpen(tableId,o,!o[treeGrid.config.cols.isOpen]);
    }


    function openAll() {
    var treedata=treeGrid.getDataTreeList(tableId);
    treeGrid.treeOpenAll(tableId,!treedata[0][treeGrid.config.cols.isOpen]);
    }

    function getCheckData() {
    var checkStatus = treeGrid.checkStatus(tableId)
    ,data = checkStatus.data;
    layer.alert(JSON.stringify(data));
    }
    function radioStatus() {
    var data = treeGrid.radioStatus(tableId)
    layer.alert(JSON.stringify(data));
    }
    function getCheckLength() {
    var checkStatus = treeGrid.checkStatus(tableId)
    ,data = checkStatus.data;
    layer.msg('选中了:'+ data.length + ' 个');
    }

    function reload() {
    treeGrid.reload(tableId,{
    page:{
    curr:1
    }
    });
    }
    function query() {
    treeGrid.query(tableId,{
    where:{
    name:'sdfsdfsdf'
    }
    });
    }

    function test() {
    console.log(treeGrid.cache[tableId],treeGrid.getClass(tableId));


    /*var map=treeGrid.getDataMap(tableId);
    var o= map['102'];
    o.name="更新";
    treeGrid.updateRow(tableId,o);*/
    }
    </script>
    </body>
    </html>
  • 2018-9-19 16:11:5layui-数据表格-加入表单元素 怎么选择多个?中回答:

    请问多个ID都需要“checked”的话,需要怎么处理啊,演示里就只有一个