计算页面高度

utils.datagridHeight = function (datagridType) {
    var w_height = $(window).height(); //子页面窗口高度
    if (w_height < 500) {
        w_height = 500;
    }
    var h_header = $('.panel-header').outerHeight(); //数据列表头部高度

    switch (datagridType) {
        case 1://此高度用在没有查询条件和分页
            var tgHeight = w_height - 30; //div.wrap上下共30px边距
            var h_toolbar = $('div.datagrid-toolbar').outerHeight(); //数据列表按钮高度
            $('div.datagrid').height(tgHeight);
            $('div.datagrid-wrap').height(tgHeight - h_header - 2); //减去2是让其边框显示出来
            $('div.datagrid-view').height(tgHeight - h_header - 2 - h_toolbar - 10);  //没有分页必须有这行代码，减去10是让其底部边框与父div底部边框相隔10，避免边框重合
            break;
        case 2://此高度用在有查询条件和分页
            $('div.wrap').height($(window).height() - 30);  //上下边距
            var w_Heiht = $('div.wrap').height();
            var s_Heigth = $('#search-box').outerHeight(true);
            var c_Height = w_Heiht - s_Heigth;
            $('#div_content').height(c_Height);
            break;
        case 3://此高度用在有查询条件但没有分页
            var h_query = $('div.query').outerHeight(true); // 查询条件高度,加参数代表包括外边距          
            var tgHeight = w_height - h_query - 30; //div.wrap上下共30px边距
            $('div.datagrid').height(tgHeight);
            $('div.datagrid-wrap').height(tgHeight - h_header - 2);//减去2是让其边框显示出来
            $('div.datagrid-view').height(tgHeight - h_header - 2 - h_toolbar - 10);  //没有分页必须有这行代码，减去10是让其底部边框与父div底部边框相隔10，避免边框重合
            break;
        case 4://此高度用在没有查询条件但有分页
            var tgHeight = w_height - 30; //div.wrap上下共30px边距
            $('div.datagrid').height(tgHeight);
            $('div.datagrid-wrap').height(tgHeight - h_header - 2);//减去2是让其边框显示出来
            break;
        default:
            break;
    }
}