ASP.NET

IPAddress hostIPAddress = IPAddress.Parse(Request.UserHostName);
IPHostEntry hostInfo = Dns.GetHostEntry(hostIPAddress);
string[] tempSystemName = hostInfo.HostName.Split('.');

WebLibrary.loadUserInformation(Request.LogonUserIdentity.Name, Request.UserHostAddress, tempSystemName[0]);
currentUser.Text = "Current User: " + WebLibrary.visitorFullName + "<br />Access: " + userType + "";

@{
              foreach (var item in (List<TarefasModel>)ViewBag.MostrarTarefas)
              {
                      <tr>
                          <td><button type="button" class="btn btn-warning" data-toggle="modal" data-target="'#Modalpopup + @item.Id'">Editar</button></td>
                          <td>@item.Id</td>
                          <td>@item.NomeTarefa</td>
                          <td>@item.Descricao</td>
                          <td>@item.Atribuido</td>
                          <td>@item.DataVencimento</td>
                          <td><button type="button" class="btn btn-success" onclick="Excluir(@item.Id)">Concluido</button></td>
                      </tr>

              }
          }

      </tbody>

<td><button type="button" class="btn btn-warning" data-toggle="modal" data-target="'#Modalpopup + @item.Id'">Editar</button></td>

<pre><div class="modal fade" id="Modalpopup" onclick="Editar" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
        <div class="modal-body">

            Row ID

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save</button>
        </div>
    </div>
</div>

eventClick: function (events) {

           $('#Modalpopup').modal();

       },

<pre><script>
function Editar(id) {
    window.location.href = "../Agenda" + id;
}

Hi All,

Please provide source code in MVC to display 3 Tabs and display the details in each tab.
For example I need like Emp, Dept, Mgr details. If I click on Emp Tab then Employee details should display, similarly Dept details should display after clicking 
on Dept Tab and Manager details should display on click on Mgr tab. All details should display from database.

Please suggest.

Thanks,
SagarPallavi

<pre><script>


    //Jquery
    $(function () {
        CriarEventosCalendario();
    });

    //function CriarEventosCalendario() {
    function CriarEventosCalendario() {
    var events = @Json.Serialize(ViewBag.ListaEventos);
        //var events = [];


        @{
            foreach(var item in (List<AgendaModel>)ViewBag.ListaEventos)
                   {<text>events.push({
                     'id': @item.Id,
                     'title': '@item.Title',
                     'start': '@item.Start',
                     'end': '@item.End',
                     'allDay': false,
                     'color': '@item.Color',
                     'textColor': '@item.TextColor'
                   });</text>

            }

        }






        var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: ['interaction', 'dayGrid'],
            header: {
                left: 'prevYear,prev,next,nextYear today',
                center: 'title',
                right: 'dayGridMonth, dayGridWeek, dayGridDay'
            },
            eventClick: function () {

            },
            navlinks: true,
            editable: true,
            eventLimit: true,
            selectable: false,

           eventClick: function (evenObj, jsEvent, view) {

                   alert('Event: ' );


            },
          events: events,

        });

        calendar.render();
    }
</script>