Các mẫu biểu đồ được nâng cấp!

Các mẫu biểu đồ được nâng cấp!

• Để dễ dàng sử dụng bảng trạng thái, làm cho các dữ liệu hiển thị được sắp xếp tốt hơn. Một tính năng mới được thêm vào mẫu biểu đồ. Có thể tùy chỉnh bảng trạng thái để hiển thị thông tin trong chính sách. Học sinh mới không cần phải cấu hình các đối tượng bảng trạng thái nữa.

  Trước tiên, hãy viết thêm các hàm xuất, và giới thiệu.

  • Đối tượng TV // toàn cầu, đối tượng toàn cầu này chịu trách nhiệm quản lý nội dung được hiển thị trên bảng, cũng như sửa đổi nội dung của bảng.
  • $.TableInit = function ((cols,rows) // hàm xuất này được sử dụng để khởi tạo bảng xếp hạng trạng thái, trước khi sử dụng, bạn có thể tuyên bố cols = [thanh số],rows = [thanh số], sau đó truyền tham số.
  • $.UpdateLogStatus = function() // Chức năng xuất trình này được sử dụng để cập nhật biểu mẫu trạng thái. Ví dụ: var table = $.TableInit(6,5); sau khi thực hiện table.a0 = aaaa; sau đó gọi hàm xuất khẩu: $.UpdateLogStatus(), bạn có thể cập nhật aaaa vào một cột, dòng 0.
  • Nếu bạn đặt cols,rows, định vị của bảng sẽ như thế này. Khi sử dụng, truy cập trực tiếp vào table.a0 ((Nếu bạn đã gọi var table = $.TableInit ((6,5);)) bạn có thể ghi vào vị trí a0 của bảng như sau.
  • Lưu ý: Đầu bảng, là ô của tọa độ a0, b0, c0... (trước) [ vấn đề này đã được sửa, nội dung dữ liệu của đầu bảng có thể giống nhau].

• Dưới đây là mã để kiểm tra chức năng main trong mẫu:

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

• Hãy tiếp tục thử nghiệm các tính năng:

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

Ngoài các dữ liệu được ghi riêng biệt trong tiêu đề, các ô khác cũng ghi dòng chữ "lalala".

• Chúng ta hãy thử nghiệm và xem các số, giá trị, đối tượng, văn bản, các dữ liệu này được viết như thế nào.

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

Dưới đây là các bài kiểm tra trong mẫu, hãy kiểm tra các chức năng mẫu trong chính sách tham khảo mẫu:

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

Các bạn hãy thử nghiệm, nếu có lỗi, hãy đề nghị thêm, hãy để lại ý kiến.