Do you have a document which would give the old and new syntax?

I found these two articles in WebGrid documentation:

• Upgrading from previous version
• Switching to new Client Side API

One example is the client side JavaScript code "wgPrepareUpdateRow"

Unfortunately, I can't help you by informing the new client-side API of wgPrepareUpdateRow. Could you please inform me about the usage of this method? or provide a simple sample which uses this method? Maybe I can start from this point to find the current one.

Hi Yudi,

I was aware of the 2 articles but as you alread know they do not explain what "wgPrepareUpdateRow" is doing or what it should be replaced by.

It is used when the user saves the new row.

This is the javascript function:

function SavePage()
{
var grid = wgGetGridById("wgrdABCD");
if (grid.getSelectedObject() != null)
{
var rowElm = grid.getSelectedObject().getRowElement();
var cell = grid.getActiveEditCell();
wgHighlightEditCell(cell);
cell.cellModified = true;
wgHighlightRow(rowElm);
wgPrepareUpdateRow(grid);
return true;
}
}

Thanks

Hi Yudi,

This is what the 3.5 document says about wgPrepareUpdateRow:

// invokeUpdateRow event at the server side
// and also refresh griddata display at the client side
wgPrepareUpdateRow(grid);

Apologize for the delay in sending this.

I would assume row.Update() would trigger the server side event

I created a simple sample of WebGrid. The grid has OnAddRow, OnDeleteRow, OnInitializeDataSource, and OnUpdateRow event handlers which will handles the query of add, delete, select, and update respectively.

Within the page, a button is added. This button will do the following:

1. Select the first row of grid's root table.
2. Edit the cells of selected row.
3. Update the changes by invoking Update() method.

The whole action is done using onclick of the button (see snippet code below).

<input id="button1" type="button" value="Select First Row and Update" onclick="EditFirstRow()" />

<script type="text/javascript">
    function EditFirstRow()
    {
        var grid = ISGetObject("WebGrid1");
        var row = grid.RootTable.GetRow(0); // get the first row in RootTable
        var cells = row.GetCells(); // get WebGridCell collection

        row.Select(); // select the row

        // populate new row object     
        cells.GetNamedItem("CustomerID").SetText("INTER", true);
        cells.GetNamedItem("CompanyName").SetText("Intersoft Solutions", true);
        ...

        row.Update(); // insert new record

        return true;
    }
</script>

Update() method will invoke OnUpdateRow event at the server side. I enclosed my simple sample for your reference.

Please have the sample evaluated on your end and let me know if you have different result.