Following is the list of client-side events, which is also accessible from LayoutSettings property.

OnAcceptAllChanges
Specifies the client side (JavaScript) function that will be invoked when accept all changes command is performed.
OnActionDispatched
Specifies the client side (JavaScript) function that will be invoked after an FlyPostBack action is dispacthed during response.
OnAddPendingChanges
Specifies the client side (JavaScript) function that will be invoked when a pending changes is about to be add.
OnAfterAdd
Specifies the client side (JavaScript) function that will be invoked after the new row has been added.
OnAfterDelete
Specifies the client side (JavaScript) function that will be invoked after the delete process is done.
OnAfterExitEditMode
Specifies the client side (JavaScript) function that will be invoked after edit mode has ended successfully.
OnAfterInitialize
Specifies the client side (JavaScript) function that will be invoked when the grid has passed initialization phase.
OnAfterPrint
Specifies the client side (JavaScript) function that will be invoked after the Grid is printed from browser Print menu.
OnAfterResponseProcess
Specifies the client side (JavaScript) function that will be invoked after the response action of a request has been performed.
OnAfterUpdate
Specifies the client side (JavaScript) function that will be invoked after the update process is done.
OnBatchUpdateError
Specifies the client side (JavaScript) function that will be invoked when one or more records are failed to be updated during batch update process
OnBatchUpdateSuccess
Specifies the client side (JavaScript) function that will be invoked when batch update operation has been successfully completed.
OnBeforeAdd
Specifies the client side (JavaScript) function that will be invoked before new row request is invoked..
OnBeforeDelete
Specifies the client side (JavaScript) function that will be invoked before delete request is performed.
OnBeforePrint
Specifies the client side (JavaScript) function that will be invoked before the Grid is printed from browser Print menu.
OnBeforeRequest
Specifies the client side (JavaScript) function that will be invoked when request action to server is about to be made.
OnBeforeRowSelect
Specifies the client side (JavaScript) function that will be invoked before a row is selected.
OnBeforeUpdate
Specifies the client side (JavaScript) function that will be invoked before the update request is invoked.
OnBeginRowEditing
Specifies the client side (JavaScript) function that will be invoked when users edit a row for the first time.
OnButtonClick
Specifies the client side (JavaScript) function that will be invoked when button cell is clicked.
OnCalendarSelect
Specifies the client side (JavaScript) function that will be invoked when selection is made from Calendar popup.
OnCancelRowEditing
Specifies the client side (JavaScript) function that will be invoked when users edit a row for the first time.
OnCellClick
Specifies the client side (JavaScript) function that will be invoked when a cell is clicked.
OnCellDblClick
Specifies the client side (JavaScript) function that will be invoked when a cell is double clicked.
OnCellSelect
Specifies the client side (JavaScript) function that will be invoked when a cell is selected.
OnCheckBoxClick
Specifies the client side (JavaScript) function that will be invoked when checkbox is clicked.
OnChildRowCollapse
Specifies the client side (JavaScript) function that will be invoked when a childRow is being collapsed.
OnChildRowExpand
Specifies the client side (JavaScript) function that will be invoked when a childRow is being expanded.
OnColumnAction
Specifies the client side (JavaScript) function that will be invoked when users click on the column action indicator.
OnColumnChanged
Specifies the client side (JavaScript) function that will be invoked when a column is changed. Columns changed means that it is being removed or added directly from WebGrid client UI.
OnColumnContextMenu
Specifies the client side (JavaScript) function that will be invoked when the column's context menu is about to be display.
OnColumnFilter
Specifies the client side (JavaScript) function that will be invoked when a column is about to be filtered by user.
OnColumnGroup
Specifies the client side (JavaScript) function that will be invoked when a column is about to be grouped by user.
OnColumnGroupChange
Specifies the client side (JavaScript) function that will be invoked when a group column's order is about to be changed by user.
OnColumnMove
Specifies the client side (JavaScript) function that will be invoked when a column is being moved.
OnColumnResize
Specifies the client side (JavaScript) function that will be invoked when a column is being resized.
OnColumnSort
Specifies the client side (JavaScript) function that will be invoked when a column is about to be filtered by user.
OnColumnUngroup
Specifies the client side (JavaScript) function that will be invoked when a column is about to be ungrouped by user.
OnCustomAggregate
Specifies the client side (JavaScript) function that will be invoked when batch update operation has been successfully completed.
OnDataBound
Specifies the client side (JavaScript) function that will be invoked when WebGrid has completed the data binding process in client binding mode.
OnDataSourceChanged
Specifies the client side (JavaScript) function that will be invoked when a new datasource is assigned to WebGrid in client binding mode.
OnEditKeyDown
Specifies the client side (JavaScript) function that will be invoked when keypress is detected during editing mode (edit control is in focus).
OnEndRowEditing
Specifies the client side (JavaScript) function that will be invoked when users ended row editing.
OnEnterEditMode
Specifies the client side (JavaScript) function that will be invoked when edit mode is about to be activated.
OnExitEditMode
Specifies the client side (JavaScript) function that will be invoked when edit mode is being ended.
OnExportContextMenu
Specifies the client side (JavaScript) function that will be invoked when the exporting context menu is about to be display.
OnFilterContextMenu
Specifies the client side (JavaScript) function that will be invoked when the column filter's context menu is about to be display.
OnFocus
Specifies the client side (JavaScript) function that will be invoked when the focus is set to the grid.
OnGroupCollapse
Specifies the client side (JavaScript) function that will be invoked when a group is being collapsed.
OnGroupExpand
Specifies the client side (JavaScript) function that will be invoked when a group is being expanded.
OnInitialize
Specifies the client side (JavaScript) function that will be invoked when the grid is in initialization process.
OnInitializeCell
Specifies the client side (JavaScript) function that will be invoked when a WebGridCell is initialized in client binding mode.
OnInitializeCustomEditor
Specifies the client side (JavaScript) function that will be invoked when a custom editor is about to be initialized.
OnInitializeRow
Specifies the client side (JavaScript) function that will be invoked when a WebGridRow is initialized in client binding mode.
OnKeyDown
Specifies the client side (JavaScript) function that will be invoked when keypress is detected during editing mode (edit control is in focus).
OnKeyUp
Specifies the client side (JavaScript) function that will be invoked after keystroke is made.
OnLostFocus
Specifies the client side (JavaScript) function that will be invoked when the grid lost focus.
OnPostRender
Specifies the client side (JavaScript) function that will be invoked after data rendering has been completed in client binding mode.
OnPreRender
Specifies the client side (JavaScript) function that will be invoked before data rendering phase in client binding mode.
OnRemovePendingChanges
Specifies the client side (JavaScript) function that will be invoked when a pending changes is about to be removed.
OnResponse
Specifies the client side (JavaScript) function that will be invoked when a response from server is returned.
OnRowContextMenu
Specifies the client side (JavaScript) function that will be invoked when row context menu is about to be displayed.
OnRowSelect
Specifies the client side (JavaScript) function that will be invoked when a row is selected.
OnRowSelectorClick
Specifies the client side (JavaScript) function that will be invoked when rowSelector is clicked.
OnRowValidate
Specifies the client side (JavaScript) function that will be invoked when the row is being validated.
OnScroll
Specifies the client side (JavaScript) function that will be invoked when the WebGrid main view is scrolled.
OnSelfRefRowCollapse
Specifies the client side (JavaScript) function that will be invoked when a self referencing row is being collapsed.
OnSelfRefRowExpand
Specifies the client side (JavaScript) function that will be invoked when a self referencing row is being expanded.
OnSynchronizeCell
Specifies the client side (JavaScript) function that will be invoked when a WebGridCell is being synchronized during client side binding.
OnSynchronizeChangesUI
Specifies the client side (JavaScript) function that will be invoked when a pending changes is synchronized to row during UI update.
OnSynchronizeRow
Specifies the client side (JavaScript) function that will be invoked when a WebGridRow is being synchronized during client side binding.
OnUndoAllChanges
Specifies the client side (JavaScript) function that will be invoked when undo all changes command is performed.
OnUndoChanges
Specifies the client side (JavaScript) function that will be invoked when row changes is about to be undo'ed.
OnUnhandledError
Specifies the client side (JavaScript) function that will be invoked when unhandled error occured.

The following code shows how to implement the client-side event in WebGrid.

HTML	Copy Code
<ISWebGrid:WebGrid ID="WebGrid1" runat="server" Height="300px" UseDefaultStyle="True" Width="100%" DataSourceID="AccessDataSource1"> <LayoutSettings AllowFilter="Yes"> <ClientSideEvents OnAfterAdd="WebGrid1_OnAfterAdd" /> ... </LayoutSettings> <ISWebGrid:WebGrid>

HTML

Copy Code

<ISWebGrid:WebGrid ID="WebGrid1" runat="server" Height="300px" UseDefaultStyle="True"
                Width="100%" DataSourceID="AccessDataSource1">
                <LayoutSettings AllowFilter="Yes">
                    <ClientSideEvents OnAfterAdd="WebGrid1_OnAfterAdd" />
                ...
                </LayoutSettings>
<ISWebGrid:WebGrid>

JavaScript	Copy Code
function WebGrid1_OnAfterAdd(controlId, tblName, rowObject, xmlResponseObject) { var WebGrid1 = ISGetObject(controlId); alert("Data added"); return true; }

Intersoft WebGrid Documentation
Client-side Events
See Also Send comments on this topic.

See Also