Я работаю над примером из документации ag-grid для выбора нескольких строк. Ниже приведен код из plunkr:
var columnDefs = [
{field: "athlete", width: 150},
{field: "age", width: 90},
{field: "country", width: 120},
{field: "year", width: 90},
{field: "date", width: 110},
{field: "sport", width: 110},
{field: "gold", width: 100},
{field: "silver", width: 100},
{field: "bronze", width: 100},
{field: "total", width: 100}
];
var gridOptions = {
columnDefs: columnDefs,
rowSelection: 'multiple',
};
// setup the grid after the page has finished loading
document.addEventListener('DOMContentLoaded', function() {
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);
// do http request to get our sample data - not using any framework to keep
the example self contained.
// you will probably use a framework like JQuery, Angular or something else
to do your HTTP calls.
var httpRequest = new XMLHttpRequest();
httpRequest.open('GET', 'https://raw.githubusercontent.com/ag-grid/ag-grid-
docs/master/src/olympicWinnersSmall.json');
httpRequest.send();
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === 4 && httpRequest.status === 200) {
var httpResult = JSON.parse(httpRequest.responseText);
gridOptions.api.setRowData(httpResult);
}
};
});
Но как выделить несколько выбранных строк, чтобы легко понять, какие строкивыбран.