Jquery 具有EditableGrid的多个mysql链接网格

我正在通过EditableGrid演示修改代码以理解它，并通过write to db示例获得多个网格的工作示例。我是一个非程序员和vba黑客

在非db示例中创建多个网格非常简单。然而，尝试为多个网格复制代码/结构时，我认为原型和这些对象可能会让我感到困惑

不带db链接/内联编辑的多个栅格：

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

带有db链接和内联编辑的单网格：（从示例中稍作修改）

如果它有助于放置整个上下文，最终结果是在一个页面上有几个网格，由一个html表单输入{accounting sql injection}定义的单个sql查询填充，每个网格显示来自数据库的不同字段

---

请有人简要地解释一下原型的背景，并在这里的例子中解释一下这一点

---

使用“function DatabaseGrid（）”创建每个网格，对每个网格进行PHP调用以填充网格，并使用“$（document）.ready（function（）”列出每个连续网格，以便每个网格都加载到网页上，由freeloper.com提供

使用“function DatabaseGrid（）”创建每个网格，使用PHP调用填充每个网格，并使用“$（document）.ready（function（）”列出每个后续网格，以便在网页上加载每个网格

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