Javascript中DataGrid表格纵线添加数据

接之前写的一篇博客http://www.cnblogs.com/Liu30/p/7229641.html,生成一个6*24的表格之后,添加数据

表格数据一般都是按行添加,我所做的这个表格是想添加一天24个小时,每10分钟有一条数据,共有6*24个数据需要展示,按照要求,需要从列开始添加数据,既然表格都是从行开始添加,那么需要做一些判断,每一行的列数

首先取整数余,再取模,如果模》0,则该行列数+1,循环输出数据

思路整理清楚了,下面是具体代码:

首先获取当前时间对应的数据:

var endnumber = parseInt(date.getHours() * 6) + parseInt(date.getMinutes()/10);

接着判断对应的表格的行数,循环赋值

//取余数,判断共有多少列有数据
    var col = parseInt(endnumber/6);
    //取模,判断具体行数
    var coln = endnumber%6;
    //没有另起一行
    if(coln === 0){
        for(i = 1;i<7;i++){
            for(m = 1;m<col+1;m++){
                if(begin < endnumber){
                    tabletr[i][m].innerHTML = i + 6* (m-1);
                    begin++;
                }
            }
        }
    }
    else if(coln !== 0){
        for(i = 1;i<7;i++){
            for(m = 1;m<col+2;m++){
                if(begin < endnumber) {
                    if( m < col+1) {
                        tabletr[i][m].innerHTML = i + 6 * (m - 1);
                        begin++;
                    }
                    if( m === col+1 && i < coln+1){
                        tabletr[i][m].innerHTML = i + 6*  (m-1);
                        begin++;
                    }
                }
                }
            }
        }

效果如图所示:

 

posted @ 2017-09-04 14:23  StephenCurry  阅读(613)  评论(0编辑  收藏  举报