그래프 템플릿 업그레이드!

그래프 템플릿 업그레이드!

• 상태타임표의 사용 편의를 위해, 표시되는 데이터를 더 체계적으로 한다. 그래프 템플릿에 새로운 기능을 추가한다. 즉, 정책 상태타임표에서 정보를 표시할 수 있다. 새로운 학생들은 더 이상 상태타임표 객체를 구성할 필요가 없다.

  먼저 추가된 출력 함수와 개요를 작성하십시오.

  • TV //글로벌 객체, 이글로벌 객체는 표가 표시되는 내용을 관리하고, 테이블의 내용을 수정하는 역할을 한다.
  • $.TableInit = function ((cols,rows) // 이 출력 함수는 상태 테이블을 초기화하기 위해 사용되기 전에 먼저 cols = [수],rows = [수]를 선언하고 변수를 입력합니다.
  • $.UpdateLogStatus = function() //이 엑스포트 함수는 상태 테이블을 엑스포트하기 위한 것이다. 예를 들어:var table = $.TableInit(6,5); 실행한 후 table.a0 = aaaa; 그리고 이 엑스포트 함수:$.UpdateLogStatus(를 호출하면, aaaa을 a 열, 0 행으로 엑스포트할 수 있다.
  • 설정된 cols,rows 이후의 테이블 좌표는 다음과 같습니다. a0 (이용 시 table.a0를 직접 접속한다. var table = $.TableInit ((6,5) 를 호출하는 경우) 는 아래와 같은 테이블의 a0 위치로 쓸 수 있습니다.
  • 참고: 표 헤더는 좌표 a0,b0,c0...의 셀 (헤더) 이다. [이 문제는 수정되어, 헤더의 데이터 내용이 동일할 수 있다.]

• 아래는 템플릿에 있는 main 함수의 테스트 코드입니다:

//测试状态栏表格功能
    var cols = 6;//列
    var rows = 4;//行
    $.TableInit(cols,rows);

• 이 기능을 계속 테스트해보세요:

    /*测试状态栏表格功能*/
    var cols = 6;//列 设置一个变量 代表 列
    var rows = 4;//行 设置一个变量 代表 行
    $.TableInit(cols,rows); //初始化  状态栏  会显示  各个单元格的 坐标
    ///*
    for(var x in TV){
        TV[x] = "lalala";// 全部单元格写成 lalala
    }
    //更新表格 显示  lalala, 表头 数据不能重复 ，否则显示不出来。
    TV.a0 = "a0";
    TV.b0 = "b0";
    TV.c0 = "c0";
    TV.d0 = "d0";
    TV.e0 = "e0";
    TV.f0 = "f0";//先把 表头数据写成不一样的

    $.UpdateLogStatus();//更新 状态栏表格

두개의 다른 셀에는 "lalala"라는 문자열이 있습니다.

• 그럼 셀은 문자열로만 쓸 수 있을까요? 이제 실험해보죠. 배열, 값, 객체, 텍스트, 이 데이터의 쓰임새를 봅시다.

    /*测试状态栏表格功能*/
    var cols = 6;//列 设置一个变量 代表 列
    var rows = 4;//行 设置一个变量 代表 行
    $.TableInit(cols,rows); //初始化  状态栏  会显示  各个单元格的 坐标
    ///*
    for(var x in TV){
        TV[x] = "lalala";// 全部单元格写成 lalala
    }
    //更新表格 显示  lalala, 表头 数据不能重复 ，否则显示不出来。
    TV.a0 = "a0";
    TV.b0 = "b0";
    TV.c0 = "c0";
    TV.d0 = "d0";
    TV.e0 = "e0";
    TV.f0 = "f0";//先把 表头数据写成不一样的

    $.UpdateLogStatus();//更新 状态栏表格

    ///*
    //怎么在 表格里面写入数据呢？
    var num = 100;
    var text = "文本：测试表格文本";
    var obj = {name:"对象",age:"19",sex:"girl"};
    var array = ["数组",22,33,54];
    TV.a1 = num;
    TV.c2 = text;
    TV.b3 = obj;
    TV.b0 = array;

    $.UpdateLogStatus();//再次更新 状态栏表格
    //*/

위의 것은 템플릿 내의 테스트입니다. 아래 템플릿을 참조하는 정책에서 템플릿 기능을 테스트해보세요:

function main(){
    var i = 0;
    var table = $.TableInit(4,5);
    for(var x in table){//向表格写入数据
        table[x] = "" + i;// 全部单元格写成 递增的数字
        i++;
    }
    //更新表格 显示  递增的数字, 表头 数据不能重复 ，否则显示不出来。
    table.a0 = "a0";
    table.b0 = "b0";
    table.c0 = "c0";
    table.d0 = "d0";
    table.a1 = "a1";
    table.b1 = "b1";
    table.c1 = "c1";
    table.d1 = "d1";
    table.a4 = "a4";
    table.b4 = "b4";
    table.c4 = "c4";
    table.d4 = "d4";
    //Log("TV:",TV);//测试是否能 访问到模板中的TV 对象 
    $.UpdateLogStatus();
}

이 기능은 일시적으로 업데이트 되었습니다. 테스트를 위해 오신 것을 환영합니다. 버그가 있다면 더 많은 것을 제안해 주시기 바랍니다.