感觉不错的一个动态table的例子

感觉不错的一个动态table的例子

例子: http://www.blogjava.net/Files/tjmzq/動態table.rar

这个是我后来写的一个js动态table的例子,不是用的insertRow的方法。
并且,取得当前行及控件索引的方法感觉也不错。可以参考。

取得索引的方法主要用的这个function:
//  取得動態新增的index值
function  getCurrentIndex() {
    
var sss=0;
    
var tmpobj = event.srcElement;
    
var currRowIndex = -1;
    
while(true){
        tmpobj 
= tmpobj.parentNode;
        
if(tmpobj!=null && tmpobj.rowIndex!=null){
            currRowIndex 
= tmpobj.rowIndex;
            
break;
        }

        sss
++;
        
if(sss>12)break;
    }

    
    
//var currRowIndex=event.srcElement.parentNode.parentNode.parentNode.rowIndex;
    var btnaddRow = document.getElementById("btnAdd").parentNode.parentNode.parentNode.rowIndex;
    
var a = currRowIndex - btnaddRow ; // 計算出差值
    var sindex = Math.floor(a / 2); 
    curIndex 
= sindex;
    
return sindex;
}

取得当前行的function:
function  getCurrentRow() {
    
var sss=0;
    
var tmpobj = event.srcElement;
    
var currRowIndex = -1;
    
while(true){
        tmpobj 
= tmpobj.parentNode;
        
if(tmpobj!=null && tmpobj.rowIndex!=null){
            currRowIndex 
= tmpobj.rowIndex;
            
break;
        }

        sss
++;
        
if(sss>12)break;
    }

    
return currRowIndex;
}

有了这两个方法。就可以动态的取得当前电击的控件在table的哪一行了。 并且也可以动态的计算得到当前行中控件的索引值了。

你可能感兴趣的:(感觉不错的一个动态table的例子)