jquery - 使用 EditableGrid 链接多个 mysql 网格

Question

我正在通过 EditableGrid 演示修改代码以理解它，并通过写入数据库示例达到多个网格的工作示例。我不是一名程序员，也是一名 VBA 黑客。

在非数据库示例中创建多个网格非常简单。然而，尝试复制多个网格的代码/结构时，我认为 prototype 和 this 对象可能会让我感到困惑

没有 db-link/inline-edit 的多个网格:

        window.onload = function() {
            editableGrid = new EditableGrid("DemoGridMinimal"); 
            editableGrid.tableLoaded = function() { this.renderGrid("tablecontent", "testgrid"); };
            editableGrid.loadXML("grid.xml");
            editableGrid = new EditableGrid("DemoGridMinimal2"); 
            editableGrid.tableLoaded = function() { this.renderGrid("tablecontent2", "testgrid"); };
            editableGrid.loadXML("grid.xml");
        }

带有数据库链接和内联编辑的单个网格:(对示例进行了一些修改)

function DatabaseGrid() { 
    this.editableGrid = new EditableGrid("demo", {
        enableSort: false,
        tableLoaded: function() { datagrid.initializeGrid(this); },
        modelChanged: function(rowIndex, columnIndex, oldValue, newValue, row) {
            updateCellValue(this, rowIndex, columnIndex, oldValue, newValue, row);
        }
    });
    this.fetchGrid();   
}

DatabaseGrid.prototype.initializeGrid = function(grid) { grid.renderGrid("tablecontent", "testgrid"); };  
DatabaseGrid.prototype.fetchGrid = function() { this.editableGrid.loadXML("loaddata.php"); }; 

window.onload = function() { 
    datagrid = new DatabaseGrid();
};

如果它有助于整体上下文，最终结果是在单个页面上有多个网格，填充单个sql查询，由html表单输入{会计sql注入(inject)}定义，每个网格显示数据库中的不同字段

有人可以简单解释一下示例中的prototype和this的上下文吗

Answer 1

由 freelancer.com 提供。

使用“function DatabaseGrid()”创建每个网格，对每个网格进行 PHP 调用以填充它们，并使用“$(document).ready(function()”列出每个连续的网格，以便将每个网格加载到网页上