layui相关问题总结

1.layui table回显选中

1) radio：

done:function(res, curr, count){
    for(var i = 0; i < res.data.length; i++){
        for(var j = 0; j < vm.chosenInfo.waterInfo.length; j++){
	    if(res.data[i].meterId == vm.chosenInfo.waterInfo[j].meterId){
	        res.data[i]["LAY_CHECKED"] = 'true';
		var index= res.data[i]['LAY_TABLE_INDEX'];
		$('tr[data-index=' + index + '] .layui-form-radio').click();
	    }
	}
    }
}  

2) checkbox:

done:function(res, curr, count){
    var num = 0;
    for(var i = 0; i < res.data.length; i++){
        for(var j = 0; j < vm.chosenInfo.equipment.length; j++){
	    if(res.data[i].materialId == vm.chosenInfo.equipment[j].materialId){
	        num++;
		res.data[i]["LAY_CHECKED"] = 'true';
		var index= res.data[i]['LAY_TABLE_INDEX'];
		$('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
		$('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
            }
	}
    }
    if(num == res.data.length){
        $("th div input[type=checkbox]").next().addClass("layui-form-checked");
    }
}                

 

2.layui table高度设定

    //动态监听表头高度变化，冻结行跟着改变高度
    $(".layui-table-header  tr").resize(function () {
        $(".layui-table-header  tr").each(function (index, val) {
            $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
        });
    });
    //初始化高度，使得冻结行表头高度一致
    $(".layui-table-header  tr").each(function (index, val) {
        $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
    });
    //动态监听表体高度变化，冻结行跟着改变高度
    $(".layui-table-body  tr").resize(function () {
        $(".layui-table-body  tr").each(function (index, val) {
            $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
        });
    });
    //初始化高度，使得冻结行表体高度一致
    $(".layui-table-body  tr").each(function (index, val) {
        $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
        if(index==0){
            $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height()-1);
        }
    });

    // 以下两行视情况而定
    $('.layui-table-fixed.layui-table-fixed-r .layui-table-header').css({
        'margin-bottom':'-1px',
        'z-index':'99999'
    })
    $('.layui-table-fixed.layui-table-fixed-l .layui-table-header').css({
        'margin-bottom':'0px',
        'z-index':'99999'
    })