Cognos锁定列表的行表头和列表头

1、顶部创建HTML项1

<DIV style="OVERFLOW: auto; WIDTH: 600px;HEIGHT: 400px">

 

2、页脚创建html项2

</DIV>

 

3、页脚创建html项3

<!--下面这些样式用来处理行列锁定-->
<style type="text/css">
    .lockRow {
        POSITION: relative;
        border-width: 1px;
        top: expression( this . offsetParent . offsetParent . scrollTop );
        Z-INDEX: 5;
    }

    .lockRow td {
        POSITION: relative;
    }

    .lockColumn {
        Z-INDEX: 4;
        POSITION: relative;
        left: expression( this . parentElement . offsetParent . parentElement . scrollLeft );
    }
    .crossHeader
    {
        Z-INDEX: 6;
        POSITION: relative;
        left: expression( this . parentElement . offsetParent . parentElement . scrollLeft );
    }
</style>
<script type="text/javascript">
   
   //获取访问报表对象
    function getObjectName() {
        return document.getElementById("cv.id").value;
    }

    //获取id为RVContent_NS_或RVContentRS的DIV对象
    function getRVContent() {
        var objName = getObjectName();
        return  eval("document.getElementById('RVContent" + objName + "');");
    }
    
   //获取当前表格对象
    function getTable(sortTableId, rvContent)
    {
        var sortTable;
        var tables = rvContent.getElementsByTagName("table");
        for (var i = 0; i < tables.length; i++)
        {
            if (tables[i].getAttribute("LID") == sortTableId)
            {
                sortTable = tables[i];
                break;
            }
        }
        return sortTable;
    }

    //锁定行表头和列表头
    function initLockTable(table_id, lockRows, lockColumns) {
    
        var table = getTable(table_id+getObjectName(), getRVContent());
        
        table.style.position = "relative";
        var tabRows = table.rows.length;
        table.style.display = "inline";
        //处理表头锁定
        for (var i = 0; i < lockRows; i++)
        {
            table.rows[i].className = "lockRow";
        }
        for(var k=0;k<tabRows ;k++) {
            for(var l=0;l<lockColumns;l++) {
                table.rows[k].cells[l].className = "ml lockColumn";
            } 
        }
    }
initLockTable("locktable",1,2);
</script>

 

评论

1 楼 Discry 2013-02-18  

能给个完整的案例吗？博主