addRow

Adds the new row to the grid.

addRow() method inserts the index of the new row at the end of the row indices array and adds the row html to the display without full grid refresh.

addRow() method does not add the row to the datasource - you should first add the row to the datasource and then update the grid with addRow(index) passing the index of the new row as an argument.

This method triggers onRowAdding and onRowAdded events.

null

Syntax

obj.addRow(index);

Parameters

index (string/number) - index of the new row in the datasource

Examples

var myData = [
    ["row 0", 0]
]

var obj = new AW.UI.Grid;
obj.setCellData(myData);
obj.setColumnCount(2);
obj.setRowCount(1);
document.write(obj);

function addRow(){
    // calc new row index
    var i = myData.length;

    // add row to the datasource
    myData[i] = ["row " + i, i];

    // update grid
    obj.addRow(i);
}

<script> var myData = [ ["row 0", 0] ] var obj = new AW.UI.Grid; obj.setCellData(myData); obj.setColumnCount(2); obj.setRowCount(1); document.write(obj); function addRow(){ // calc new row index var i = myData.length; // add row to the datasource myData[i] = ["row " + i, i]; // update grid obj.addRow(i); } var button = new AW.UI.Button; button.setControlText("add row"); button.onControlClicked = addRow; document.write("<br>" + button); </script>

Remarks

Currently it is not possible to insert the new row in the middle of the grid - it is always added as a last row.

See also

deleteRow method, row indices property, row events