Partial View

Question

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.

Answer 1

Usa Ajax

http://geekswithblogs.net/blachniet/archive/2011/08/03/walkthrough-updating-partial-views-with-unobtrusive-ajax-in-mvc-3.aspx

Em português

http://www.devmedia.com.br/asp-net-mvc-e-ajax-atualizando-o-conteudo-de-partial-views-via-jquery/26232

---

Paulo Marcelo Dalbosco

Answer 2

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.

Answer 3

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 ? ^.-

Answer 4

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

Answer 5

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

Answer 6

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:

Answer 7

O que exatamente não funcionou? Dá algum erro?

---

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

Answer 8

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>

Answer 9

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.

Answer 10

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