~whyclj/zijing.git

// 页面的初始化 
$(function() { 
    initPage(); 
    $(window).resize(function() { 
        initPage(); 
        setTblWidth($('.tbl-header'), $('.tbl-body')); 
    }); 
    // 点击条件筛选显示和隐藏内容 
    var queryBodyHt = $('.query-list .query-body').height(); 
    $('.query-list .query-header').click(function() { 
        queryToggle(queryBodyHt); 
    }); 
}); 
 
// 点击表格选项显示表格选项和遮罩层 
function showTblOpt(optStatus) { 
    console.info(optStatus); 
    // 获取表表格选项的复选框 
    var _checkbox = $('.tbl-opt .tbl-content-body table tbody').find('input[type="checkbox"]');     
    // 根据optstatus的值确定复选框是否被选中 
    for(var i = 0;  i < optStatus.length; i++) { 
        if(optStatus[i] == 1) { 
            _checkbox.eq(i).prop('checked', true); 
        }else { 
            _checkbox.eq(i).prop('checked', false); 
        } 
    } 
 
    // 显示表格选项和遮罩层 
    $('.tbl-opt').addClass('show').removeClass('hide'); 
    $('.tbl-opt-mask').show(); 
     
    // 使表格上下对齐 
    setTblWidth($('.tbl-opt .tbl-content-header'), $('.tbl-opt .tbl-content-body')); 
} 
 
 
// 隐藏表格选项和遮罩层 
function hideTblOpt() { 
    $('.tbl-opt').addClass('hide').removeClass('show'); 
    $('.tbl-opt-mask').hide(); 
} 
 
//对于弹出窗口串口进行定位(position:fixed) 
function centerDiv(ele){ 
    //获取屏幕的高度对弹出窗口进行定位 
    var srnHei=$(window).height();    //屏幕的高度 
    var eleHei=ele.height();    //弹出窗口的高度 
    var topHei=parseInt((srnHei-eleHei)/2);    //获取居中高度 
    ele.css({ 
        'top':topHei 
    }); 
} 
 
// 隐藏表格功能按钮列表 
function toggleBtnList() { 
    var btnList = $('.btn-list'); 
    if(btnList.hasClass('hide')) { 
        btnList.removeClass('hide'); 
    }else { 
        btnList.addClass('hide'); 
    } 
     
} 
 
// 初始化页面高度 
function initPage() { 
    var winHt = $(window).height(); 
    var bodyHt = $('body').height(); 
    var shiftHt = winHt - bodyHt; 
    var tblHt = $('.tbl-body').height(); 
    var resultHt = tblHt + shiftHt - 32; 
 
    if(shiftHt > 0 || resultHt > 300) { 
        $('.tbl-body').height(resultHt); 
    }else { 
        $('.tbl-body').height(300); 
    } 
} 
 
/** 
 * 显示和隐藏查询条件 
 * @param  num ht 查询条件筛选的高度 
 */ 
function queryToggle(ht) { 
    var queryBody = $('.query-list .query-body'); 
    var tblBodyHt = $('.tbl-body').height(); 
                 
    if(queryBody.hasClass('collapsed')) { 
        queryBody.removeClass('collapsed'); 
        $('.tbl-body').height(tblBodyHt - ht);                 
        queryBody.slideDown(function() { 
            initPage(); 
        }); 
    }else { 
        queryBody.addClass('collapsed'); 
        queryBody.slideUp(function() { 
            $('.tbl-body').height(tblBodyHt + ht); 
        });                 
    } 
} 
 
// 根据表格的头部获取表格选项内容 
function getTblOptCont(arrTh) { 
    var tblOptTd = new Array(); 
    for(var i = 0; i < arrTh.length; i++) { 
        tblOptTd.push(i+1); 
        tblOptTd.push(arrTh[i]); 
        tblOptTd.push('<input type="checkbox" checked="checked"/>'); 
    } 
    return tblOptTd; 
} 
 
// 根据表格选项的复选框状态获取状态数组的值 
function getOptStatus() { 
    // 获取表表格选项的复选框 
    var _checkbox = $('.tbl-opt .tbl-content-body table tbody').find('input[type="checkbox"]'); 
    var _optStatus = new Array(); 
    // 遍历表格选项的复选框 
    _checkbox.each(function(i) { 
        if($(this).is(':checked')) { 
            _optStatus.push(1); 
        }else { 
            _optStatus.push(0); 
        } 
    }); 
    return _optStatus; 
} 
 
//定义一个自动创建表格的函数 
//ThArr表格的头数据，TdArr表格的单元格数据 
function createTablenew(ele,ThArr,TdArr){ 
    ele.children('table').remove(); 
    var _table=$('<table></table>'); 
    var _thead=$('<thead></thead>'); 
    var _tbody=$('<tbody></tbody>'); 
    var ThArray=new Array();    //设置th的数组 
    var TrArray=new Array();    //设置tr的数组 
    var TdArray=new Array();    //设置td的数组 
    var TdLength;    //获取单元格个数 
    var TrLength; //获取行数 
    TdLength=TdArr.length; 
    TrLength=Math.ceil(TdLength/ThArr.length); 
    // 给每个th设置值 
    for(var i=0;i<ThArr.length;i++) 
    { 
        ThArray[i]=$("<th>"+ThArr[i]+"</th>"); 
    } 
    // 给每个td设置值 
    for(var i=0;i<TdLength;i++) 
    { 
        TdArray[i]=$("<td>"+TdArr[i]+"</td>"); 
    } 
    //设置tr 
    for(var i=0;i<TrLength;i++) 
    { 
        TrArray[i]=$("<tr></tr>"); 
    } 
    //将td以col个赋给tr 
    var n=0; 
    for(var i=0;i<TrLength;i++) 
    { 
        for(var k=0;k<ThArr.length;k++) 
        { 
            TrArray[i].append(TdArray[n]); 
            n++; 
        } 
    } 
    //给th赋给thead 
    for(var i=0;i<ThArr.length;i++) 
    { 
        _thead.append(ThArray[i]); 
    } 
    _table.append(_thead); 
    // 将tr赋给table 
    for(var i=0;i<TrLength;i++) 
    { 
        _tbody.append(TrArray[i]); 
    } 
    _table.append(_tbody); 
    //将table添加到指定的容器中 
    ele.append(_table); 
} 
 
 
//通过表格选项的值返回表头数据 
function getArrTh(__stateArr,__arrTh){ 
    var __thIndex=0;        //新表头数据的下标 
    var __newTh=new Array();    //存储新的表头数据 
    for(var i=0;i<__arrTh.length;i++) 
    { 
        if(__stateArr[i]==1) 
        { 
            __newTh[__thIndex]=__arrTh[i]; 
            __thIndex++; 
        } 
    } 
    return __newTh; 
} 
//通过表格选项的值返回表内数据 
function getArrTd(__stateArr,__arrTd){ 
    var __tdIndex=0; 
    var __newTd=new Array(); 
    for(var i=0;i<__arrTd.length;i++) 
    { 
        var stateIndex=i%__stateArr.length;    //获取stateArr的下标 
        if(__stateArr[stateIndex]==1) 
            { 
                 __newTd[__tdIndex]=__arrTd[i]; 
                 __tdIndex++; 
            } 
    } 
    return __newTd; 
} 
 
 
/* 
    创建表格 
    @param jquery对象 eleHead  表格头部容器 
    @param jquery对象 eleBody  表格body容器 
    @param array thList 表格头部数据 
    @param array tdList 表格body数据 
    @param array status 表格状态数组(没有则默认全部显示) 
*/ 
function createFullTbl(eleHead, eleBody, thList, tdList, status) { 
    if(arguments.length < 5) { 
        var status = new Array(); 
        for(var i = 0; i < thList.length; i++) { 
            status.push(1); 
        } 
    } 
    var arrNewTh = getArrTh(status, thList); 
    var arrNewTd = getArrTd(status, tdList); 
 
    createTablenew(eleHead, arrNewTh, arrNewTd); 
    createTablenew(eleBody, arrNewTh, arrNewTd); 
     
    setTblWidth(eleHead, eleBody); 
} 
 
/* 
    使表格的头部和body内容对齐 
    @param jquery对象 eleHead  表格头部容器 
    @param jquery对象 eleBody  表格body容器 
*/ 
function setTblWidth(tbHead, tbBody) { 
    var tblBdWd = tbBody.find('table').width(); 
    tbHead.find('table').width(tblBdWd); 
    var tbScrollLeft = tbBody.scrollLeft(); 
    tbHead.find('table').css('left', -tbScrollLeft + 'px'); 
} 
 
// 向已有的表格添加td 
function addTr(ele, TdArr) { 
    var _tbody=ele.find('tbody'); 
    var TdArray=new Array();    //设置td的数组 
    // 给每个td设置值 
    for(var i=0;i<TdArr.length;i++) 
    { 
        TdArray[i]=$("<td>"+TdArr[i]+"</td>"); 
    } 
    var _tr = $('<tr></tr>'); 
    _tr.append(TdArray); 
    //将tr添加到tbody的容器中 
    _tbody.append(_tr);     
} 
 
/* 
    创建表格 
    @param jquery对象 eleHead  表格头部容器 
    @param jquery对象 eleBody  表格body容器 
    @param array thList 表格头部数据 
    @param array tdList 表格body数据 
    @param array status 表格状态数组(没有则默认全部显示) 
*/ 
function addFullTr(eleHead, eleBody, thList, tdList, status) { 
    if(arguments.length < 5) { 
        var status = new Array(); 
        for(var i = 0; i < thList.length; i++) { 
            status.push(1); 
        } 
    } 
    var arrNewTd = getArrTd(status, tdList); 
    addTr(eleHead, arrNewTd);     
    addTr(eleBody, arrNewTd); 
 
    setTblWidth(eleHead, eleBody);     
}