I am trying to implement the client side javascript to add a row that will allow a user to insert a row that has hidden fields.

This is my BLOCKED SCRIPT

 function addRow() {
            var grid = $find("wdgOffice");
            var rows = grid.get_rows();
            var rowsLength = grid.get_length();
            // Create array of cell values for all values that cannot be null.
            var row = new Array("AddressPrefix", "Address", "AddressSuffix", "City", "CityMailing", "State", "Zip", "CountyID", "Lat", "Long");

            // Add row.
            rows.add(row);
            var lastRow = rows.get_row(rowsLength);
            var cell = lastRow.get_cell(1);
            grid.get_behaviors().get_editingCore().get_behaviors().get_cellEditing().enterEditMode(cell);
        }

This is the markup that calls the addRow function:

<ig:RowAdding Alignment="Bottom" AddNewRowClientEvents-Initialize="addRow" >
                            <EditModeActions EnableOnActive="true" />

 </ig:RowAdding>

When I run the code, only a blank page displays.  Without the addRow function the grid displays correctly.

How do I call the javascript function to add a row to the grid?

Thanks.

Thanks for replying to my post.

I can't use default values because I have to allow the user to enter values into all of the hidden fields.

I will look into adding the row programmatically.  Can I add a row programmatically to the top of the grid using the hidden fields to allow the user to enter values.

In addition, one of the fields will be a dropdown list.  Is this allowed?

There is a field in the RowAddingColumnSetting that is 'EditorID'.  Can I create edit fields and assign the ids to the add row?

Thanks,

Gloria