Ir para conteúdo
ggbelgamo

Exibir eventos do fullCalendar via ajax ASP MVC

Recommended Posts

Sou iniciante em ASP MVC e não estou conseguindo fazer com que o meu controller retorne os dados do banco no calendário, ele só retorna uma página em branco com o Json. Tentei seguir alguns exemplos pesquisando na internet mas não obtive sucesso!

 

Controller

public JsonResult Calendario()
    {
 
        var verCookie = Request.Cookies.Get(GerarHashMd5("idUser"));

        if (verCookie == null)
        {
           RedirectToAction("Login");
        }


        var listCalender = new List<Modelos.PosVendasParticipantesModelo>();

        var dal = new DAL.PosVendasParticipantesDAL();
        var calender = dal.Todos();

        if (calender.Rows.Count > 0)
        {

            foreach (DataRow dr in calender.Rows)
            {
                var entity = new Modelos.PosVendasParticipantesModelo();
                entity.ID = Convert.ToInt32(dr["ID"]);
                entity.ProximaLigacao = Convert.ToDateTime(dr["PROXIMA_LIGACAO"]);
                listCalender.Add(entity);
            }


        }

        return Json(listCalender.ToArray(), JsonRequestBehavior.AllowGet);

 

Jquery

$(document).ready(function () {

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay,listWeek'
        },
        defaultDate: '2018-03-12',
        navLinks: true, // can click day/week names to navigate views
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        events: "/Home/Calendario",
    });

});

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Paulo Ladeira
      Qual o problema nas instruções de envio ao parâmetro data do Ajax?
      Já fiz outro teste com a tag input e deu certo! Já com o texto, não vai...!
       
      <div class="container-fluid">
            <div class="row">
                 <div class="col-md-2"></div> 
                 <div class="col-md-8">
                     <form method="POST" id="seleciona">      
                           <a href="#" name="acessorio1">VIDRO ELÉTRICO</a><br />
                           <a href="#" name="acessorio2">AR CONDICIONADO</a><br />
                      <input type="submit" value="Submit">
                     </form> 
                 </div>  
           </div>
       </div>
       <div class="div"></div>
       
      $(document).ready(function(){
         $("#seleciona a").click(function() {
           var txt = $(this).serialize();    
       
         $.ajax({
           type:'POST',
           url:'ajax3.php',
           data: txt,
           success:function(resultado) {
               $('.div').html("Resultado: "+resultado);
           },
           error:function() {
               alert("ocorreu um erro");
           }
          });   
        });
      });
       
      [ ajax3.php ]
      <?php
      echo $_POST['acessorio1'];
      echo $_POST['acessorio2'];
      ?>
    • Por Gustavo2503
      O que há de errado com o meu código jQuery?
      function atualizaItens45() { $.ajax({ url: 'tb_itens.php', type: 'POST', data: { id: 45, valor: '1800.00' }, beforeSend: function (){ $('.carregando').fadeIn(); document.title = 'carregando...'; }, complete: function (){ $('.carregando').fadeOut(); document.title = 'TÍTULO'; }, success: function (data) { $('#tabela-itens-info-45 tbody').html(data); $('#tabela-itens-edita-45 tbody').html(data); }, error: function (request, status, erro) { alert('Erro! Por favor entre em contato conosco (COD: 1801)'); } }); } atualizaItens45();  
    • Por Paulo Ladeira
      Caros, 
      Tenho que informar que estou começando nessa realidade! Tentei, mas não deu certo..!
       
      <div class="container-fluid">
           <form method="POST" id="seleciona">
                <?php
                  $sql = "SELECT * FROM $arquivo_cd";
                  $result_cd = mysqli_query($strcon,$sql);
                  while ($row = mysqli_fetch_array($result_cd)) {
                  $acessorio = utf8_encode($row['cad_acessorios_descricao']);
                  echo "<label class='box' name='acessorio'>&nbsp;&nbsp;$acessorio<br>
                  <input type='checkbox'>
                  <span class='checkmark'></span>
                  </label>";
                  }
                ?>
           </form>
      </div>
       
      $(function() {
         $('#seleciona').bind('click', function(e) {
           e.preventDefault();
           var txt = $(this).serialize(); 
           console.log(txt);
         $.ajax({
           type:'POST',
           url:'ajax2.php',
           data: txt,
           success:function(resultado) {
               $('.div').html("Resultado: "+resultado);
           },
           error:function() {
               alert("ocorreu um erro");
           }
          });   
        });
      });

      [ ajax2.php ]
      <?php
      $acc = $_POST['acessorio'];  
      echo $acc;
      ?>
       
    • Por Paulo Ladeira
      Seleciono um item e não mostra nada pelo comando console.log. Não mostra a .div .
      Estou achando que está no evento de 'Click'.
      Podem me ajudar a resolver esse problema?
       
       
      <?php
        include "conexao_veiculos.php"; 
      ?>
      <!DOCTYPE html>
      <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb18030">
        <title>ladd</title>
        <style>
          .div {
          width: 400px;
          height:100px;
          background-color: #c1c3c0;
        }
        </style>    
        <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
        <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
        <link href="a://fonts.googleapis.com/css?family=Syncopate" rel="stylesheet">
        
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="../css/veiculos2.css"/>
      </head>
      <body>
         <nav class="navbar navbar-expand-lg sticky-top navbar-dark" style="background-color: #000000";>
              <h3 class="cfg-logo-syncpl"><span style="color:#ffffff";><b>LADD</b></spam><spam class="autm"><b>Autom贸veis</b></span></h3>  
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSite">
                   <span class="navbar-toggler-icon"></span>
              </button>
              <div  class="collapse navbar-collapse" id="navbarSite" >
                <ul class="navbar-nav ml-auto">
                  <li class="nav-item"><a class="nav-link  active" href="#"  >HOME</a></li>
                  <li class="nav-item"><a class="nav-link" href="#contato"   >CONTATO</a></li>
                </ul>
              </div>    
        </nav>
      <?php
        $arquivo_cd = "tb_cadastro_acessorios";     
      ?>
       <div class="container-fluid">
        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Acessorios</button> 
       <form method="GET" id="seleciona">  
            <div class="dropdown">     
                 <div class="dropdown-menu" style="font-size:14px";>
                      <?php
                       $sql = "SELECT * FROM $arquivo_cd";
                       $result_cd = mysqli_query($strcon,$sql);
                       while ($row = mysqli_fetch_array($result_cd)) { 
                              $acessorio = utf8_encode($row['cad_acessorios_descricao']);
                              echo "<a href='#' class='dropdown-item'  name='acessorio' style='color: #000000';>$acessorio<br></a>";
                       } 
                       ?>
                </div>
          </div>
       </form> 
      </div>
      <script>
       $(function() {
         $('#seleciona').bind('click', function(e) {
           e.preventDefault();
           var txt = $(this).serialize();
           console.log(txt);
         $.ajax({
           type:'GET',
           url:'ajax.php',
           data: txt,
           success:function(resultado) {
               $('.div').html(resultado);
           },
           error:function() {
               alert("ocorreu um erro");
           }
          });
        });
      });
      </script>
      </body> 
      </html>
       
      (ajax.php)
      <?php
      $acessorio = $_GET['acessorio'];  
      echo $acessorio;
      ?>
       
       
    • Por vazzoler
      Boa noite! Estou com a seguinte dúvida na utilização de FullCalendar: ele permite clicar e arrastar os eventos dentro do calendário. Gostaria de saber como eu faço para gravar essa alteração no banco de dados quando o evento for arrastado para outro dia? Já tenho um script que salva as alterações (porém é quando clica no evento e abre a popup).
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.