Anda bisa menggunakan template grafik yang lebih baik.

Anda bisa menggunakan template grafik yang lebih baik.

• Untuk memudahkan penggunaan tabel status, membuat data yang ditampilkan lebih terorganisir. Tambah fitur baru pada template grafik. Untuk menampilkan informasi pada tabel status yang disesuaikan dengan kebijakan. Siswa baru tidak perlu lagi mengkonfigurasi objek tabel status.

  Pertama, tuliskan fungsi ekspor yang ditambahkan, dan deskripsi.

  • TV // global object, objek global yang bertanggung jawab untuk mengelola apa yang ditampilkan dalam tabel, serta mengubah apa yang ada dalam tabel.
  • $.TableInit = function ((cols,rows) // Fungsi ekspor ini digunakan untuk menginisialisasi tabel status, sebelum digunakan, Anda dapat menyatakan cols = [nilai],rows = [nilai], lalu menyampaikan parameter variabel.
  • $.UpdateLogStatus = function() // Fungsi ekspor ini digunakan untuk memperbarui tabel status. Misalnya: var table = $.TableInit(6,5); setelah dijalankan table.a0 = aaaa; kemudian kembali memanggil fungsi ekspor: $.UpdateLogStatus(, Anda dapat memperbarui aaaa ke kolom a, baris 0。
  • Jika sudah diatur cols, maka koordinat tabel setelah baris akan terlihat seperti berikut. Jika digunakan, langsung ke table.a0 (asalkan panggilan var table = $.TableInit ((6,5);)) dapat ditulis ke posisi a0 pada tabel berikut.
  • Catatan: Header adalah sel dengan koordinat a0, b0, c0... (header).

• Di bawah ini adalah kode untuk menguji fungsi utama dalam template:

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

• Periksa lagi fitur ini:

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

Selain data yang ditulis secara terpisah pada header, sel-sel lainnya menuliskan string "lalala".

• Jadi apakah sel hanya bisa ditulis sebagai string? Mari kita coba dan lihat bagaimana data ini ditulis dalam bentuk array, nilai, objek, teks.

    /*测试状态栏表格功能*/
    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();//再次更新 状态栏表格
    //*/

Di atas adalah tes dalam template, cobalah dalam kebijakan referensi template di bawah ini untuk menguji fungsi template:

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();
}

Jika ada bug, silahkan diulas, dan tinggalkan komentar.