Dear, my problem is this, I am developing a module in .net mvc4, with foundation framework. I need to do the following: show a table, which shows a consolidated data of people (Heads), by clicking on the name of the person, displays a popup with the details of officials (delegates of the selected boss). So far I have the table with the consolidated, the popup and the data to show in the popup, but my problem is that I do not know if there is a way to perform the data search by clicking on a person's name (Bosses) and these , visualize them in the popup (for the moment, I have the burden of the details of officials when starting the full load of the module)
Table column that invokes PopUp
<td><center><a data-tooltip aria-haspopup="true" data-id="@item.JefedeVentas" href="btnJefe_0" id="DetalleEjecutivo_0" title="@item.JefedeVentas">@item.JefedeVentas</a></center></td>
Modal window
<div id="divModalLead" class='reveal-modal' data-reveal aria-hidden="true" role="dialog">
<a class="close-reveal-modal" aria-label="Close">×</a>
</div>
Content to show in modal (I need this to be executed when clicking on the executive name, not when loading the module)
<fieldset id="DetalleEjecutivo_0" class="panel callout large-12">
<h4>Ejecutivos por Jefe de venta</h4>
<hr />
<div id="divReporte" style="float:left; max-width:100%; overflow-x:auto!important; white-space:nowrap;">
@Html.Action("Ejecutivos", "ReporteVentas", new { parDesde = desde, parhasta = hasta, parAño = agno })
</div>
</fieldset>
JS script
<script>
$(document).ready(function () {
$("#DetalleEjecutivo_0").fadeOut(); //oculta el modal al iniciar
$("#btnJefe_0").click(function (e) {
e.preventDefault();
var content = $("#DetalleEjecutivo_0").html();
$('#divModalLead').html('<a class="close-reveal-modal" aria-label="Close">×</a>');
$('#divModalLead').append(content);
$('#divModalLead').foundation('reveal', 'open'); //despliega modal en div 'divmodallead'
});
</script>