Estoy desarrollando un proyecto basado en MVC que lista los eventos almacenados en una base de datos. La tabla que muestra estos se genera con un foreach haciendo uso de la librería knockout. Necesito obtener el valor de la celda con el nombre del evento de cada fila para poder obtener de otra tabla de la base de datos la explicación sobre el tipo de evento. Esta información se debe mostrar cuando haces click en el botón de información que hay en cada fila.
El html es el siguiente:
<tbody data-bind="foreach: events">
<tr class="rowEvent">
<td><span id="spanNameEvent" data-bind="text: $data.NameEvent"></span></td>
<td><span data-bind="text: $data.Protocol"></span></td>
<td><span data-bind="text: $data.IP"></span></td>
<td><span data-bind="text: $data.Port"></span></td>
<td><span data-bind="text: $data.AccountID"></span></td>
<td><span data-bind="text: $data.SessionID"></span></td>
<td><span data-bind="text: $data.DateEvent"></span></td>
<td><span data-bind="text: $data.SecurityImpact"></span></td>
<td>
<input type="checkbox" data-bind="checkedValue: $data.Resolved" />
</td>
<td>
<button type="button" class="btn btn-xs btn-warning" onclick="GetInformation()" data-toggle="modal" data-target="#infoModal"><span class="glyphicon glyphicon-info-sign"></span></button>
</td>
</tr>
</tbody>
A la función "GetInformation()" que se ejecuta cuando se pincha en el botón le debería pasar como parámetro el "data.NameEvent" de la fila correspondiente a ese botón. ¿Alguna idea?
Dejo también la función para que quede más claro lo que quiero hacer:
function GetInformation(eventName) {
var eventName;
$.ajax({
data: { EventName: eventName },
url: '../Home/GetInformation',
type: 'GET',
dataType: 'text',
success: function (result) {
document.getElementById('modaltitle').innerHTML = eventName;
document.getElementById('modaltext').innerHTML = result;
}
});
}
Un saludo y gracias.