You are here: Reference > JavaScript > client-side > event handling > events > onrowexit

onrowexit event | rowexit event

Browser support:
Occurs on a data source object before the current row in it changes.
If the current row is not an existing row (not initialized, pointing to the position before the first record (BOF is true) or after the last record (EOF is true)) and the current row changes, the onrowexit event is not fired.
For further details about data source objects, see the page for the recordset object.
Use the onrowenter event to receive a notification when the current row has changed.

How to register:

In HTML:
<ELEMENT onrowexit="handler">

In JavaScript:
object.onrowexit = handler;
object.attachEvent ("onrowexit", handler);
You can find the related objects in the Supported by objects section below.
The event object is accessible to all event handlers in all browsers. The properties of the event object contain additional information about the current event. To get further details about these properties and the possible event handler registration methods, please see the page for the event object.
For a complete list of events, see the page for Events in JavaScript.

Basic information:

Bubbles No
Cancelable Yes
Event object -

Actions that invoke the onrowexit event:

  • Changing the current row (e.g. by the MoveFirst, MoveLast, MoveNext or MovePrevious method of the recordset object or deleting the current row from the data source, ...)

The order of events related to the onrowexit event:

The onrowenter event always occurs after the onrowexit event.

Example HTML code 1:

This example illustrates the use of the onrowexit event:
<head>
    <script type="text/javascript">
        function DeleteRow () {
            var xml = document.getElementById ("movies");
            var xmlDoc = xml.XMLDocument;
            var movies = xmlDoc.getElementsByTagName ("movie");
            var firstMovie = movies[0];
            firstMovie.parentNode.removeChild (firstMovie);
        }

        function OnRowsDelete () {
            alert ('Rows will be deleted from the data source object!');
        }
        function OnRowExit () {
            alert ('The current row will change in the data source object!');
        }
        function OnRowEnter () {
            alert ('The current row has changed in the data source object!');
        }
    </script>
</head>
<body>
    <xml id="movies" onrowsdelete="OnRowsDelete ()" onrowexit="OnRowExit ();" onrowenter="OnRowEnter ();">
    <?xml version="1.0"?>
        <movies>
            <movie>
                <name>Clark Kent</name>
                <jobtitle>Superman</jobtitle>
                <born>1966</born>
            </movie>
            <movie>
                <name>Lois Lane</name>
                <jobtitle>Reporter</jobtitle>
                <born>1964</born>
            </movie>
        </movies>
    </xml>

    <table id="myTable" width="100%" cellpadding="0px" cellspacing="2px" border="1px" datasrc="#movies" datapagesize="3">
        <thead>
            <tr>
                <th>Name</th>
                <th>Jobtitle</th>
                <th>Born</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><span datafld="name"></span></td>
                <td><span datafld="jobtitle"></span></td>
                <td><span datafld="born"></span></td>
            </tr>
        </tbody>
    </table>
    <br />
    <button onclick="DeleteRow ();">Delete the first row from the data source!</button>
</body>
Did you find this example helpful? yes no

Supported by objects:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content