使用EditableGrid的多个mysql链接网格

时间:2012-06-19 23:46:40

标签: jquery datagrid editablegrid

我正在通过EditableGrid演示修改代码以理解它并使用write-to-db示例到达多个网格的工作示例。我是非程序员和vba-hack。

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

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

使用db链接和内联编辑的单个网格:(稍微修改一下示例)

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表单输入{accounting sql injection}定义,每个网格显示db的不同字段

有人可以在此处的示例中简要解释 prototype this 的上下文

1 个答案:

答案 0 :(得分:0)

完成了freelancer.com的礼貌。

使用“函数DatabaseGrid()”创建每个网格,为每个网格填充一个PHP调用,并列出每个连续网格的“$(document).ready(function()”,以便在网页上加载每个网格