幽灵Death

幽灵Death

0飞吻 2018-4-28 加入 来自厦门

(这个人懒得留下签名)

幽灵Death 最近的回答

  • 2019-6-14 13:56:54table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 我用的也是reload.但是它整个table都变刷新。不像内置点击分页。整个table不刷新。就数据刷新
  • 2019-6-14 13:55:52table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 你看我代码,我是点击下一页就调用重载table,在这里我只是单纯拿layui分页样式,因为 layui分页不能满足我用hbase数据库的需求。我在点击的是很好调用重载,但是他会整个table都是刷新。就是一闪而过,不会跟内置一样的整个table不变。就数据变。
  • 2019-6-14 11:11:4table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 嗯嗯。谢了。有个问题就是我最后那种方法,不用table内置的分页,自己调用layui的分页,内置分页,点击分页的时候。数据会变,但是表格的列一直不动,不刷新,这是对的。为什么我调用自己调用layui分页。分页写了一个重载表格的。整个表格都刷新,连列也刷新。每次都是一闪而过。。有办法解决嘛。。。能不能跟table一样。只是刷新数据。列不动。我那个是整个table。一闪而过。
  • 2019-6-13 10:31:0table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 这样写嘛。但是这样写会提示找不到参数
  • 2019-6-13 10:21:21table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 好吧。最后问一个最开始的问题。我能在table 内置的点击分页的时候,带我done 传回来的值过去嘛。。我最后把传回来的时候赋值到我最开始定义的变量里,你说url 固定了,即使重新赋值也不会带过去。那要有什么办法。可以在把值带过去。。
  • 2019-6-13 10:6:15table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 我找到了。要在标签也加ID<table id="demo" lay-filter="demo" lay-data="{id: 'demo'}">,还有分页的不能在写在TABLE上,调整了顺序就不会报错了。还有问题。分页有没有分别监听上一页。下一页的。。因为当我点击上页。下页我分别要带值
  • 2019-6-13 9:42:37table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 什么意思。不然我要在那里写。。。。已经按照文档里写了。。。渲染的时候没写ID。。。。。我现在写在那里。。。不清楚。。
  • 2019-6-13 9:31:7table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 我有传ID啊。。。
  • 2019-6-13 9:10:7table 分页携带参数,值为空。。为什么中回答:

    有人嘛。。。
  • 2019-6-12 20:45:26table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 如果这个实在不能点分页的把值带过去的话,我就自己做一个分页按钮,不用table 自动的按钮。但是这样也是有问题
    我在分页下面写了重载的,但是点击下一页。会出现这个错误
  • 2019-6-12 19:16:19table 分页携带参数,值为空。。为什么中回答:

    。。。。。。没人了嘛。。
  • 2019-6-12 18:40:48table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 我真正需求是要点击分页。我能把值带过去
  • 2019-6-12 18:40:17table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 关键是我不是搜索用的,我是要在点击分页的时候携带参数过去。。不是搜索的。。
  • 2019-6-12 18:25:4table 分页携带参数,值为空。。为什么中回答:

    @Zlheb ,是这样写的嘛。。还是没值
  • 2019-6-12 17:53:21table 分页携带参数,值为空。。为什么中回答:

    @Zlheb 那你这段写在那里,写在done里嘛,他就走我写的
    tableIns.reload({
    where:{
    name:$('#name').val()
    }
    })
    就不会走一开始定义的url的吗
  • 2018-8-22 16:0:41 我用时间控件,为什么我点完回调没变化。没有触发中回答:

    @岁月小偷 已解决
  • 2018-7-26 14:45:59tablie表格边框不重叠。而是多出1条线怎么解决中回答:

    @核实到北京 还是一样会多出线来、、、
  • 2018-7-26 14:5:24tab创建跳转到已经创建的tab界面。怎么动态创建TAB中回答:

    @幽灵Death http://fly.layui.com/jie/30881/#item-1532584927864在嘛帮看下这个,有没办法把table边框最后一条去掉
  • 2018-7-26 14:2:7tablie表格边框不重叠。而是多出1条线怎么解决中回答:

    @核实到北京 手机不同分辨率,那条缝隙会不同变化大小,有没有办法吧最后面table的最后那条边框去掉
  • 2018-7-26 13:56:23tablie表格边框不重叠。而是多出1条线怎么解决中回答:

    @核实到北京 我每个行都加了,还是有边框还是会多出1条出来而且很大
  • 2018-7-19 11:34:33扩展 layui 的权限树 authtree,适用于类 RBAC 的权限控制中回答:

    @藏锋入鞘丨 他是不是不兼容谷歌的,我用谷歌打开是 ,用IE打开是可以的
  • 2018-7-9 10:2:50tab创建关闭会出现BUG.求解中回答:

    [泪] 这是不是框架的一个BUG。。。。窗口一多各种问题。还有个问题就是有时候创建完所有的表格都自动挤在一起
  • 2018-7-8 21:24:24tab创建关闭会出现BUG.求解中回答:

    @岁月小偷 出不来 我分析出来的原因是,由于加载窗口过多,JS执行到创建TBA窗口代码,还没执行完,就已经执行到JS关闭窗口,由于关闭了当前窗口,本来创建的URL是有附带参数去找具体的界面。由于关闭了,找不到界面就出不来了
  • 2018-7-8 21:13:57tab创建关闭会出现BUG.求解中回答:

    @岁月小偷 我的意思是,我现在只要TAB界面窗口多的话。创建一个界面,在关闭当前界面,创建的那个界面会出不来,parent.是代用父级的方法。因为我TBA是属于父的。TBA内容我是写一个JSP加载进去。close是关闭TBA窗口。我附带代码 ,这里附带我父级TAB创建,关闭,等JS



    layui.define(['jquery', 'element', 'nprogress', 'utils'], function(exports) {
    var $ = layui.jquery,
    _modName = 'tab',
    element = layui.element,
    utils = layui.utils,
    _doc = $(document),
    _win = $(window),
    renderType = {
    page: 'page',
    iframe: 'iframe'
    };
    var Tab = function() {
    this.config = {
    elem: undefined,
    mainUrl: 'main.html',
    renderType: 'iframe',
    openWait: true
    };
    this.v = '1.0.5';
    };
    Tab.fn = Tab.prototype;
    Tab.fn.set = function(options) {
    var that = this;
    $.extend(true, that.config, options);
    return that;
    };
    /**
    * 渲染选项卡
    */
    Tab.fn.render = function() {
    var that = this,
    _config = that.config;
    if (_config.elem === undefined) {
    layui.hint().error('Tab error:请配置选择卡容器.')
    return that;
    }
    _tab._config = _config;
    _tab.createTabDom();
    return that;
    };

    /**
    * 添加一个选项卡
    */
    Tab.fn.tabAdd = function(params) {
    _tab.tabAdd(params);
    };
    /**
    * 关闭一个选项卡
    */
    Tab.fn.close = function(layId) {
    _tab.tabDelete(layId);
    };
    Tab.fn.getId = function() {
    return _tab.getCurrLayId();
    };
    //私用对象
    var _tab = {
    _config: {},
    _filter: 'kitTab', //过滤器名
    _title: undefined,
    _content: undefined,
    _parentElem: undefined, //要存放的容器
    //检查选项卡DOM是否存在
    tabDomExists: function() {
    var that = this;
    if (_doc.find('div.kit-tab').length > 0) {
    that._title = $('.kit-tab ul.layui-tab-title');
    that._content = $('.kit-tab div.layui-tab-content');
    return true;
    }
    return false;
    },
    /**
    * 创建选项卡DOM
    */
    createTabDom: function() {
    var that = this,
    _config = that._config;debugger;
    that._parentElem = _config.elem;
    if (that.tabDomExists())
    return;
    //模板
    var tpl = [
    '<div class="layui-tab layui-tab-card kit-tab" lay-filter="' + that._filter + '">',
    '<ul class="layui-tab-title">',
    '<li class="layui-this" lay-id="-1" data-url="' + _config.mainUrl + '"><i class="layui-icon"></i>学生管理</li>',
    '</ul>',
    '<div class="kit-tab-tool">操作 <i class="fa fa-caret-down"></i></div>',
    '<div class="kit-tab-tool-body layui-anim layui-anim-upbit">',
    '<ul>',
    '<li class="kit-item" data-target="refresh">刷新当前选项卡</li>',
    '<li class="kit-line"></li>',
    '<li class="kit-item" data-target="closeCurrent">关闭当前选项卡</li>',
    '<li class="kit-item" data-target="closeOther">关闭其他选项卡</li>',
    '<li class="kit-line"></li>',
    '<li class="kit-item" data-target="closeAll">关闭所有选项卡</li>',
    '</ul>',
    '</div>',
    '<div class="layui-tab-content">',
    '<div class="layui-tab-item layui-show" lay-item-id="-1">{{content}}</div>',
    '</div>',
    '</div>'
    ],
    _htm = tpl.join('');
    switch (_config.renderType) {
    case renderType.page:
    _htm = _htm.replace('{{content}}', that.getBodyContent(_config.mainUrl + '?v=' + new Date().getTime()));
    break;
    case renderType.iframe:
    _htm = _htm.replace('{{content}}', '<iframe src="' + _config.mainUrl + '"></iframe>');
    break;
    }
    //渲染
    $(_config.elem).html(_htm);
    that._title = $('.kit-tab ul.layui-tab-title');
    that._content = $('.kit-tab div.layui-tab-content');
    var _tool = $('.kit-tab-tool'),
    _toolBody = $('.kit-tab-tool-body');
    //监听操作点击事件
    _tool.on('click', function() {
    _toolBody.toggle();
    });
    //监听操作项点击事件
    _toolBody.find('li.kit-item').each(function() {
    var $that = $(this);
    var target = $that.data('target');
    $that.off('click').on('click', function() {
    var layId = that._title.children('li[class=layui-this]').attr('lay-id');
    switch (target) {
    case 'refresh': //刷新
    switch (_config.renderType) {
    case renderType.page:
    var loadIndex = that.load();
    var url = that._title.children('li[lay-id=' + layId + ']').data('url');
    that._content.children('div[lay-item-id=' + layId + ']')
    .html(that.getBodyContent(url + '?v=' + new Date().getTime(), function() {
    that.closeLoad(loadIndex);
    }));
    break;
    case renderType.iframe:
    var item = that._content.children('div[lay-item-id=' + layId + ']').children('iframe');
    item.attr('src', item.attr('src'));
    break;
    }
    break;
    case 'closeCurrent': //关闭当前
    if (layId != -1)
    that.tabDelete(layId);
    break;
    case 'closeOther': //关闭其他
    that._title.children('li[lay-id]').each(function() {
    var curId = $(this).attr('lay-id');
    if (curId != layId && curId != -1)
    that.tabDelete(curId);
    });
    break;
    case 'closeAll': //关闭所有
    that._title.children('li[lay-id]').each(function() {
    var curId = $(this).attr('lay-id');
    if (curId != -1)
    that.tabDelete(curId);
    });
    that.tabChange(-1);
    break;
    }
    _tool.click();
    });
    });
    //监听浏览器窗口改变事件
    that.winResize();
    },
    load: function() {
    return layer.load(0, { shade: [0.3, '#333'] });
    },
    closeLoad: function(index) {
    setTimeout(function() {
    index && layer.close(index);
    }, 500);
    },
    getBodyContent: function(url, callback) {
    return utils.getBodyContent(utils.loadHtml(url, callback));
    },
    /**
    * 监听浏览器窗口改变事件
    */
    winResize: function() {
    var that = this,
    _config = that._config;
    _win.on('resize', function() {
    var currBoxHeight = $(that._parentElem).height(); //获取当前容器的高度
    switch (_config.renderType) {
    case renderType.page:
    $('.kit-tab .layui-tab-content').height(currBoxHeight - 43);
    break;
    case renderType.iframe:
    $('.kit-tab .layui-tab-content iframe').height(currBoxHeight - 47);
    break;
    }
    }).resize();
    },
    /**
    * 检查选项卡是否存在
    */
    tabExists: function(layId) {
    var that = this;
    return that._title.find('li[lay-id=' + layId + ']').length > 0;
    },
    /**
    * 删除选项卡
    */
    tabDelete: function(layId) {
    element.tabDelete(this._filter, layId);
    },
    /**
    * 设置选中选项卡
    */
    tabChange: function(layId) {
    element.tabChange(this._filter, layId);
    },
    /**
    * 获取选项卡对象
    */
    getTab: function(layId) {
    return this._title.find('li[lay-id=' + layId + ']');
    },
    /**
    * 添加一个选项卡,已存在则获取焦点
    */
    tabAdd: function(options) {
    var that = this,
    _config = that._config,
    loadIndex = undefined;
    options = options || {
    id: new Date().getTime(),
    title: '新标签页',
    icon: 'fa-file',
    url: '404.html'
    };
    var title = options.title,
    icon = options.icon,
    url = options.url,
    id = options.id;
    if (that.tabExists(id)) {
    that.tabChange(id);
    return;
    }
    NProgress.start();
    if (_config.openWait)
    loadIndex = that.load();
    var titleHtm = ['<li class="layui-this" lay-id="' + id + '" data-url="' + url + '">'];
    if (icon) {
    if (icon.indexOf('fa-') !== -1) {
    titleHtm.push('<i class="fa ' + icon + '" aria-hidden="true"></i>');
    } else {
    titleHtm.push('<i class="layui-icon">' + icon + '</i>');
    }
    }
    titleHtm.push(' ' + title);
    titleHtm.push('<i class="layui-icon layui-unselect layui-tab-close">ဆ</i>');
    titleHtm.push('</li>');
    var contentHtm = '<div class="layui-tab-item layui-show" lay-item-id="' + id + '">{{content}}</div>';
    switch (_config.renderType) {
    case renderType.page:
    contentHtm = contentHtm.replace('{{content}}', that.getBodyContent(url + '?v=' + new Date().getTime(), function() {
    setTimeout(function() {
    NProgress.done();
    _config.openWait && loadIndex && that.closeLoad(loadIndex);
    }, 500);
    }));
    break;
    case renderType.iframe:
    contentHtm = contentHtm.replace('{{content}}', '<iframe src="' + url + '"></iframe>');
    break;
    }
    //追加htm
    that._title.append(titleHtm.join(''));
    that._content.append(contentHtm);
    if (_config.renderType === renderType.iframe) {
    that._content.find('div[lay-item-id=' + id + ']').find('iframe').on('load', function() {
    NProgress.done();
    _config.openWait && loadIndex && that.closeLoad(loadIndex);
    });
    }
    //监听选项卡关闭事件
    that.getTab(id).find('i.layui-tab-close').off('click').on('click', function() {
    //关闭之前
    if (_config.closeBefore) {
    if (_config.closeBefore(options)) {
    that.tabDelete(id);
    }
    } else {
    that.tabDelete(id);
    }
    });
    that.tabChange(id);
    that.winResize();
    if (_config.onSwitch) {
    element.on('tab(' + that._filter + ')', function(data) {
    _config.onSwitch({
    index: data.index,
    elem: data.elem,
    layId: that._title.children('li').eq(data.index).attr('lay-id')
    });
    });
    }
    },
    /**
    * 获取当前选项卡的id
    */
    getCurrLayId: function() {
    return this._title.find('li.layui-this').attr('lay-id');
    }
    };

    var t = new Tab();

    exports('tab', t);

    //触发事件
    var active = {
    tabAdd: function(){
    //新增一个Tab项
    element.tabAdd('kitTab', {
    title: '新选项'+ (Math.random()*1000|0) //用于演示
    ,content: '内容'+ (Math.random()*1000|0)
    ,id: new Date().getTime() //实际使用一般是规定好的id,这里以时间戳模拟下
    })
    }

    }
    });

  • 2018-7-8 18:52:43TAB当载入多个的时候出现BUG中回答:

    @岁月小偷 http://fly.layui.com/jie/29853/
  • 2018-7-8 18:52:13TAB当载入多个的时候出现BUG中回答:

    @岁月小偷 在嘛, 有个问题,这个问题其实也跟我上次做后退遇到的问题一样。。找不出来。。。这是帮看下[可怜]
  • 2018-7-2 15:58:28新手提问:如何把layui部署到所属项目中回答:

    引入layui.css 和layui.js就行了
  • 2018-7-2 15:56:41新手提问:如何把layui部署到所属项目中回答:

    把下载layui放在项目里,只要引用路径就行了
  • 2018-7-2 13:55:5简单实现tab浏览历史功能中回答:

    [good] 支持哈[good]
  • 2018-7-2 13:43:21TAB当载入多个的时候出现BUG中回答:

    @岁月小偷 谢谢,前天忙这改个东西忘了给你回了哈