用JQuery获取AspxGridView各列列名和宽度

丽水市汽车运输集团有限公司信息中心 苟安廷

AspxGridView是大家常用的第三方控件,但客户端操作介绍不多,在工作中,我采用下面的方法通过JQuery获取各列列名和宽度,希望对你有所帮助:
function Tools()
{
};
//gridId为AspxGridView的客户端ID
Tools.GetAxGridViewColWidth = function(gridId)
{
    var strResult = '';
    var $Captions = $('#' + gridId + '_DXHeadersRow' + ' td table tr td');
    var $width = $('#' + gridId + '_DXHeadersRow' + '>td');
    var width;
    var $colgroup = $('#' + gridId + ' colgroup');
    //opera在指定了宽度时,测试结果不正确,少了13,因此,加上去
    var bDesinged = false;
    if ($colgroup.length > 0)
        bDesinged = true;
       
    //排序/过滤等操作后,会在该列列后面加一个单元格显示图标,因此,实际列不能计算进去
    var colTrueIndex = 0;

    for (var i = 0; i < $Captions.length; i++)
    {
        var strText=$Captions.eq(i).text()
        if(strText.length==0)
            continue;
        strResult +=strText  + ':';
        if (colTrueIndex < $width.length)
        {
            width = $width.eq(colTrueIndex).width();
            if (width < 0)
                width = 0;
            width = parseInt(width, 10);
            if (bDesinged && $.browser.opera)
                width += 13;
            strResult += width + ";";
        }
        else
            strResult += "0;";
            colTrueIndex++;
    }
    return strResult;
}