LayUI 问题集合

表单加滚动条

<style>
    .layui-layout-body {
        overflow: visible;
    }
</style>

判断表格对应列 是否可编辑 并实现

done: function(res, curr, count){
                    if (view){
                        for (var i = 0; i < count; i++) {//每行数据
                            var dataTemp = table.cache[this.id];
                            var tableElem= this.elem.next();
                            tableElem.find('tr[data-index="'+i+'"]').find('td[data-field="moneySelling"]').removeAttr('data-edit');
                            tableElem.find('tr[data-index="'+i+'"]').find('td[data-field="moneyScutcheon"]').removeAttr('data-edit');
                            tableElem.find('tr[data-index="'+i+'"]').find('td[data-field="moneyUnit"]').removeAttr('data-edit');
                            tableElem.find('tr[data-index="'+i+'"]').find('td[data-field="moneyPurchaseunit"]').removeAttr('data-edit');
                            tableElem.find('tr[data-index="'+i+'"]').find('td[data-field="moneyPayment"]').removeAttr('data-edit');
                        }
                    }

前端表格展示

templet: '<div>{{ layui.laytpl.toDateString(d.字段名,"yyyy-MM-dd") }}</div>'
templet: function (d) {
                            return DateUtils.formatterDate(d.cjsj);
                        }

表格分页和内容连在一块可能是因为表格高度没计算出来

full-xx

前端表单展示

obj.datetimeSend= layui.laytpl.toDateString(obj.datetimeSend,"yyyy-MM-dd");

LayUI 获取表格所有数据

layui.table.cache.表格ID;

返回提示

return layer.msg('请选择/输入···');

解决layui轮播图满屏是高度自适应的问题

var b = 1920/460;//我的图片比例
    //获取浏览器宽度
    var W = $(window).width();
    var H = $(window).height();
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#banner1'
            ,width: '100%' //设置容器宽度
            ,height: (W/b).toString()+"px"  //按比例和浏览器可视页面宽度来获取高度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
 
//窗口变化是重新加载
$(window).resize(function () {
    // setBanner();
    window.location.reload()
})

引用于

显示后台返回信息

layer.alert(res.msg, function () {
    layer.close(); //点击确定，关闭弹层
});

取消 表格内容过多显示的下拉箭头

.layui-table-grid-down{
    display: none;
}

layui 表格 内容过多，鼠标放上显示提示

,tdTitle: function () {
    $('th').each(function (index, element) {
        $(element).attr('title', $(element).text());
    });
    $('td').each(function (index, element) {
        var ispan = "所属单位";
        if (ispan === element.outerText) {
            $(element).attr('title', $(element).text());
            }
    });
}