程序员博客

感觉不错的一个动态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的哪一行了。 并且也可以动态的计算得到当前行中控件的索引值了。

posted on 2006-12-05 16:18 maqsoft 阅读(998) 评论(0)  编辑  收藏 所属分类: JS


只有注册用户登录后才能发表评论。
网站导航:
 

导航

<2006年12月>
日一二三四五六
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456

统计

常用链接

留言簿(1)

随笔分类

随笔档案

文章档案

相册

搜索

最新评论

阅读排行榜

评论排行榜