none
Partial View RRS feed

  • Pergunta

  • Bom dia Jedis ;)
    eu estou com uma duvida de como posso utilizar os partial views sem atualizar a pagina ... alguem poderia me explicar certinho ? :D
    muito obrigado.
    quinta-feira, 17 de janeiro de 2013 13:36

Respostas

  • function loadPartialView() {
       $.ajax({
        url: "@Url.Action("ActionName", "ControllerName")",
        type: 'GET', // <-- faz um async request pelo GET
        dataType: 'html', // <-- para esperar a resposta do HTML
        success: function(result) {
                    $('#SuaDiv').html(result);
                 }
       });
    }
    
    $(function() {
    
       loadPartialView(); // primeira vez
    
       // inicia a função novamente a cada 5 segundos
       window.setInterval("loadPartialView()", 5000);
    
    });

    Ae um exemplo que fiz uma vez que tinha de fazer isso de X em X segundos...

    Muda pra sua necessidade...



    Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.

    • Sugerido como Resposta Murilo Kunze quinta-feira, 17 de janeiro de 2013 14:35
    • Marcado como Resposta Wisner12 quinta-feira, 17 de janeiro de 2013 17:01
    quinta-feira, 17 de janeiro de 2013 13:57
  • olhando por alto, vocÊ tirou o timer, mas não mudou a função pro click, foi isso? se adicionar o timer vai funcionar... rsumindo tá faltando coisa ae.

    Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.

    • Marcado como Resposta Wisner12 quinta-feira, 17 de janeiro de 2013 17:01
    quinta-feira, 17 de janeiro de 2013 16:58

Todas as Respostas

    • Editado Paulo M Dalbosco quinta-feira, 17 de janeiro de 2013 13:44
    • Sugerido como Resposta Murilo Kunze quinta-feira, 17 de janeiro de 2013 14:35
    quinta-feira, 17 de janeiro de 2013 13:43
  • function loadPartialView() {
       $.ajax({
        url: "@Url.Action("ActionName", "ControllerName")",
        type: 'GET', // <-- faz um async request pelo GET
        dataType: 'html', // <-- para esperar a resposta do HTML
        success: function(result) {
                    $('#SuaDiv').html(result);
                 }
       });
    }
    
    $(function() {
    
       loadPartialView(); // primeira vez
    
       // inicia a função novamente a cada 5 segundos
       window.setInterval("loadPartialView()", 5000);
    
    });

    Ae um exemplo que fiz uma vez que tinha de fazer isso de X em X segundos...

    Muda pra sua necessidade...



    Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.

    • Sugerido como Resposta Murilo Kunze quinta-feira, 17 de janeiro de 2013 14:35
    • Marcado como Resposta Wisner12 quinta-feira, 17 de janeiro de 2013 17:01
    quinta-feira, 17 de janeiro de 2013 13:57
  • function loadPartialView() {
       $.ajax({
        url: "@Url.Action("ActionName", "ControllerName")",
        type: 'GET', // <-- faz um async request pelo GET
        dataType: 'html', // <-- para esperar a resposta do HTML
        success: function(result) {
                    $('#SuaDiv').html(result);
                 }
       });
    }
    
    $(function() {
    
       loadPartialView(); // primeira vez
    
       // inicia a função novamente a cada 5 segundos
       window.setInterval("loadPartialView()", 5000);
    
    });

    Ae um exemplo que fiz uma vez que tinha de fazer isso de X em X segundos...

    Muda pra sua necessidade...



    Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.

    guilherme ... mas ai eu tiraria das div o  @Html.Partial("AnimalV")  ... certo ? ^.-
    quinta-feira, 17 de janeiro de 2013 15:58
  • Sim :)

    Se você quer fazer com javascript, então pode tirar do html os 'Html.Partial'.

    Mas no seu caso vale a pena mesmo fazer isso com javascript?


    http://www.linkedin.com/pub/murilo-kunze/44/191/455

    quinta-feira, 17 de janeiro de 2013 16:08
  • Sim :)

    Se você quer fazer com javascript, então pode tirar do html os 'Html.Partial'.

    Mas no seu caso vale a pena mesmo fazer isso com javascript?


    http://www.linkedin.com/pub/murilo-kunze/44/191/455

    entao .. é que eu tenho 2 abas em 1 fica o cadastro e em outro a grid .. e ai eu queria que quando ele clica-se na aba.. ele puxava a partial view na div... sem atualiza a pagina :x
    quinta-feira, 17 de janeiro de 2013 16:44
  • function loadPartialView() {
       $.ajax({
        url: "@Url.Action("ActionName", "ControllerName")",
        type: 'GET', // <-- faz um async request pelo GET
        dataType: 'html', // <-- para esperar a resposta do HTML
        success: function(result) {
                    $('#SuaDiv').html(result);
                 }
       });
    }
    
    $(function() {
    
       loadPartialView(); // primeira vez
    
       // inicia a função novamente a cada 5 segundos
       window.setInterval("loadPartialView()", 5000);
    
    });

    Ae um exemplo que fiz uma vez que tinha de fazer isso de X em X segundos...

    Muda pra sua necessidade...



    Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.

    cara fiz igualzinho .. só que nao funcionou D:
    quinta-feira, 17 de janeiro de 2013 16:45
  • O que exatamente não funcionou? Dá algum erro?

    http://www.linkedin.com/pub/murilo-kunze/44/191/455

    quinta-feira, 17 de janeiro de 2013 16:47
  • nao da erro nenhum... apenas não puxa a view .. :
    aqui o codigo:

    @model MvcApplication4.Models.CadastroDeAnimal
    @{
        ViewBag.Title = "AnimalVacina";
    }
    
    <script type="text/javascript" src="~/Scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript">
    
            function loadPartialView1() {
                $.ajax({
           url: "@Url.Action("AnimalV", "Cadastros")",
           type: 'GET', // <-- faz um async request pelo GET
           dataType: 'html', // <-- para esperar a resposta do HTML
           success: function(result) {
               $('#aba1').html(result);
           }
       });
            }
        function loadPartialView2() {
            $.ajax({
                url: "@Url.Action("AnimalG", "Cadastros")",
                    type: 'GET', // <-- faz um async request pelo GET
                    dataType: 'html', // <-- para esperar a resposta do HTML
                    success: function (result) {
                        $('#aba2').html(result);
                    }
                });
            }
    
    
    
    </script>
    <h2>Animal Vacina</h2>
    <fieldset >
        <legend>Dados do Animal</legend>
        <p><b>Nome:</b> @ViewBag.nome</p>
        <p><b>Cliente:</b> @ViewBag.cliente</p>
        <p><b>Raça:</b> @ViewBag.raca</p>
      
        <p><b>Ração:</b> @ViewBag.racao</p>
        <p><b>Peso:</b> @ViewBag.peso</p>
        <p><b>OBS:</b> @ViewBag.ObsAnimal</p>
    </fieldset>
    <center><h3>Vacinas do Animal</h3></center>
    <fieldset>
        <legend>Lista de Vacinas </legend>
      <img onclick="loadPartialView1()" src="~/Imagens/grid.png" title="Ver Lista de Vacinações"/>   &nbsp&nbsp&nbsp &nbsp&nbsp&nbsp
        <img onclick="loadPartialView2()" class="content" src="~/Imagens/add1.png" title="Cadastrar Nova Vacina Para este Animal"/>
        <hr />
    
    
    
        <div id="abas">
    
           <div id="aba1">
             
           </div>
            <div id="aba2">
              
            </div>
               
        </div>
    </fieldset>

    quinta-feira, 17 de janeiro de 2013 16:51
  • olhando por alto, vocÊ tirou o timer, mas não mudou a função pro click, foi isso? se adicionar o timer vai funcionar... rsumindo tá faltando coisa ae.

    Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.

    • Marcado como Resposta Wisner12 quinta-feira, 17 de janeiro de 2013 17:01
    quinta-feira, 17 de janeiro de 2013 16:58
  • olhando por alto, vocÊ tirou o timer, mas não mudou a função pro click, foi isso? se adicionar o timer vai funcionar... rsumindo tá faltando coisa ae.

    Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.

    consegui o/ 
    muito obrigado :D
    suhashh faltava umas coisinhas ;d
    cara mt obrigado :D
    quinta-feira, 17 de janeiro de 2013 17:01