display view containing a modal datatable

Hi,

Jignesh Kumar

thanks, now I have another problem, but first I show how it looks

now I need several things to happen in that table.

1.- That they are data from a database

2.- That I can select a row

3.- That when pressing a button closes the modal and the selected row is inserted in an editorFor

I have done this in the following code, but I don't know how to take it to the modal window.

@model IEnumerable<InventarioWeb.Models.Modelo.empleado>
@{
Layout = null;
}
<div class="container">
<div class="modal-dialog" id="modalPopup">
<div class=" modal-content">
<div class="modal-header">
<h4>Cabecerah4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×span>
button>
div>
<div class="modal-body">
<table class="table">
<tr>
<th>
@Html.DisplayNameFor(model => model.primerNombre)
th>
<th>
@Html.DisplayNameFor(model => model.segundoNombre)
th>
<th>
@Html.DisplayNameFor(model => model.apellidoPaterno)
th>
<th>
@Html.DisplayNameFor(model => model.apellidoMaterno)
th>
<th>
th>
tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.primerNombre)
td>
<td>
@Html.DisplayFor(modelItem => item.segundoNombre)
td>
<td>
@Html.DisplayFor(modelItem => item.apellidoPaterno)
td>
<td>
@Html.DisplayFor(modelItem => item.apellidoMaterno)
td>
tr>
}
table>
div>
<div class="modal-footer">
<button class="btn btn-success"> Guardarbutton>
div>
div>
div>
div>

Please what is the best way to do this that I need

Thank you

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

RobertoCarlos Melgar6y ago
Hi,
Jignesh Kumar
thanks, now I have another problem, but first I show how it looks

now I need several things to happen in that table.
1.- That they are data from a database
2.- That I can select a row
3.- That when pressing a button closes the modal and the selected row is inserted in an editorFor

I have done this in the following code, but I don't know how to take it to the modal window.
@model IEnumerable<InventarioWeb.Models.Modelo.empleado>
@{
    Layout = null;
}

<div class="container">
    <div class="modal-dialog" id="modalPopup">
        <div class=" modal-content">
            <div class="modal-header">
                <h4>Cabecerah4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×span>
                button>
            div>
            <div class="modal-body">
                <table class="table">
                    <tr>
                        <th>
                            @Html.DisplayNameFor(model => model.primerNombre)
                        th>
                        <th>
                            @Html.DisplayNameFor(model => model.segundoNombre)
                        th>
                        <th>
                            @Html.DisplayNameFor(model => model.apellidoPaterno)
                        th>
                        <th>
                            @Html.DisplayNameFor(model => model.apellidoMaterno)
                        th>

                        <th>

                        th>
                    tr>

                    @foreach (var item in Model)
                    {
                        <tr>
                            <td>
                                @Html.DisplayFor(modelItem => item.primerNombre)
                            td>
                            <td>
                                @Html.DisplayFor(modelItem => item.segundoNombre)
                            td>
                            <td>
                                @Html.DisplayFor(modelItem => item.apellidoPaterno)
                            td>
                            <td>
                                @Html.DisplayFor(modelItem => item.apellidoMaterno)
                            td>
                        tr>
                    }
                table>

            div>
            <div class="modal-footer">
                <button class="btn btn-success"> Guardarbutton>
            div>
        div>

    div>
div>
Please what is the best way to do this that I need
Thank you

RM
Jignesh Kumar6y ago
Hi,

Please refer this link which will help you,
https://www.mindstick.com/articles/12723/crud-operation-modal-popup-uses-bootstrap-in-mvc