(Show Contents)

Working With Grid Rows and Cells

The grid manages a collection of Ab.grid.Row objects, one for each displayed grid row. You can access grid rows by index:

var rowCount = this.requestGrid.gridRows.getCount();
for (var i = 0; i < rowCount; i++) {
   var row = this.requestGrid.gridRows.get(i);
    ...
}

You can also iterate over the collection:

this.requestGrid.gridRows.each(function (row) {
   ...
});

Properties and methods of the Ab.grid.Row object:

If the grid has fields with controlType="button" or controlType="link", each Ab.grid.Row object will have a collection of Ab.view.Action objects, one for each button or link in that grid row. If the corresponding field element in AXVW has an id attribute, you can access the corresponding action within the row's collection by that id:

var action = row.actions.get('approve');
action.enable(false);

You can attach event handlers to per-row action buttons or links:

requestGrid_onApprove: function(row, action) {
    var request = row.getRecord();
    request.setValue('wr.status', 'Approved');
    this.requestDataSource.saveRecord(request);
}

The event handler name should match the panelId_onFieldId pattern in order to be auto-wired. The first parameter (row) is the Ab.grid.Row object for the grid row on which the user clicked, and the second parameter (action) is the Ab.view.Action object for the button or link.

Each Ab.grid.Row object manages a collection of Ab.grid.Cell objects, one for each cell displayed in the row. You can access cells by index:

var cellCount = row.cells.getCount();
for (var i = 0; i < cellCount; i++) {
    var cell = row.cells.get(i);
    ...
}

You can also iterate over the collection:

row.cells.each(function (cell) {
   ...
});

Properties and methods of theAb.grid.Cell object: