Load Data in Popup when clicking on a link

0

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">&#215;</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">&#215;</a>');
            $('#divModalLead').append(content);
            $('#divModalLead').foundation('reveal', 'open'); //despliega modal en div 'divmodallead'
        });
</script>
    
asked by Ariel Ignacio 27.06.2017 в 21:19
source

0 answers