You are here: Reference > JavaScript > client-side > event handling > properties > dataFld (event)

dataFld property (event)

Browser support:
Sets or returns the name of the modified data column in case of the oncellchange event.
This property can be used if the contents of a cell within a dynamic table (created with data binding techniques) have changed.


You can find the related objects in the Supported by objects section below.
This property is read/write.

Possible values:

String that sets or returns the name of the data column.
Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the dataFld property:
    <script type="text/javascript">
        function OnDataFieldChange (event) {
            alert ("The '" + event.dataFld + "' field of a movie record has changed within the data source object.");
    <xml id="movies" oncellchange="OnDataFieldChange (event);">
    <?xml version="1.0"?>
                <name>Clark Kent</name>
                <name>Lois Lane</name>

    Modify the contents of an input field and click outside the field.
    <br /><br />
                <td>Name: <input datafld="name" type="text" datasrc="#movies" /></td>
                <td>Jobtitle: <input datafld="jobtitle" type="text" datasrc="#movies" /></td>
    <br /><br />
    <table width="100%" cellpadding="0px" cellspacing="2px" border="1px" datasrc="#movies" datapagesize="2">
                <td><input datafld="name" /></td>
                <td><input datafld="jobtitle" /></td>
                <td><input datafld="born" /></td>
Did you find this example helpful? yes no

Supported by objects:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content