ASPxClientGridView.Refresh Method

Updates data displayed within the grid.

Declaration

Refresh(): void

Remarks

To update data, the Refresh method sends a callback to the server and re-binds the grid.

Example

The following example illustrates how to use the Refresh method.

WebForms approach:

ASPX

<dx:ASPxGridView runat="server" ID="ASPxGridView1" ... >
<ClientSideEvents EndCallback="OnEndCallback" BeginCallback="OnBeginCallback"/> 
...
</dx:ASPxGridView>

JS

var command = "";
function OnBeginCallback(s, e) {
    command = e.command;
}
function OnEndCallback(s, e) {
    if (command == "ADDNEWROW") {
        s.Refresh();
    }
}

MVC approach:

Razor (View)

@Html.DevExpress().GridView(settings => {
    settings.Name = "GridView1";
    settings.KeyFieldName = "ID";

    settings.ClientSideEvents.BeginCallback = "function(s, e) { command = e.command; }";
    settings.ClientSideEvents.EndCallback = "function(s, e) { if (command == 'ADDNEWROW') {
        s.Refresh(); } }";
}).Bind(Model).GetHtml() 

Online Example

• ASPxGridView - How to refresh a master grid when a detail grid has been updated

Online Demo

• ASPxGridView - Large Database (Server mode)