グラフのテンプレートアップグレード!

グラフのテンプレートアップグレード!

• ステータステーブルを簡単に使うために,表示されるデータをより秩序的にします. グラフテンプレートに新しい機能を追加します. ステータステーブルをポリシーで表示できるようにします. 新生たちはもはやステータステーブルオブジェクトを配置する必要はありません.

  追加された出力関数と概要を書いてください.

  • TV // グローバルオブジェクト,このグローバルオブジェクトは,表が表示される内容を管理し,表の内容を変更する責任がある.
  • $.TableInit = function ((cols,rows) // この出力関数は,状態列表を初期化するために使用され, cols = [数値],rows = [数値] を使用する前に宣言し,変数をパラメータに転送します。cols//列,rows//行。表を自動的に生成します。そして,テンプレート参照のポリシーにデータを書き込むためにTVオブジェクトを返す。
  • $.UpdateLogStatus = function() // この出力関数は,状態表の更新に使用される.例えば:var table = $.TableInit ((6,5);実行後, table.a0 = aaaa;その後,この出力関数:$.UpdateLogStatus ((() を呼び, a列,行0に aaaaを更新できます.
  • 設定した cols 、rows の後に表の座標は以下のようなものです。使用するときに table.a0 を直接アクセスします. a0 は var table = $.TableInit を呼び出す前提で, (,) は次の表の a0 位置に書き込むことができます。列数は最大でz まであります。
  • 注:表のヘッダーは,座標 a0,b0,c0...のセル (ヘッダー) である. [この問題は修正され,ヘッダのデータ内容が同じになる].

• テンプレートのメイン関数のテストコードは以下です.

//测试状态栏表格功能
    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();
}

この機能は一時的に更新されました. テストを歓迎します. バグの場合は,もっと提案してください. 投稿に留言してください.