ASP.NET MVC AjaxOptions: OnBegin e OnComplete
17/02/2011
Dando continuidade aos exemplos de manipulação do AjaxOptions com o AjaxHelper do ASP.NET MVC vamos agora falar sobre os eventos OnBegin e OnComplete.Confira os demais posts aqui:- UpdateTargetId - Confirm message - LoadingElementId Estas propriedades do objeto AjaxOptions são configuradas com nomes de funções javascript que serão executadas uma no início da requisição, e a outra ao término da mesma.Vamos continuar utilizando o mesmo exemplo dos posts anteriores. Desta vez vamos fazer com que nossa página fique com um background azul no momento em que o request for iniciado, e volte para o normal ao término:
@using (Ajax.BeginForm( "AjaxAction", new AjaxOptions { UpdateTargetId = "div_nome", OnBegin = "init", OnComplete = "complete" }
)){ @Html.TextBox("nome")<br /> @Html.TextBox("sobrenome") <input type="submit" value="ajax" />}
Nada de novo, apenas a configuração das duas propriedades OnBegin e OnComplete. As funções javascript a que elas se referem estão aqui:
function init() { $("body").addClass("azul");
}
function complete() { $("body").removeClass("azul");
}
Bastante simples hein?! Sem necessidade de maiores explicações.Bom o efeito pode ser visto abaixo:
Quando a requisição é iniciada o fundo da página é mudado para azul, conforme a função javascript definida.Já ao término da requisição, tudo volta ao normal:
É isso aê galera, mais simples que isso só usando updatepanel hein?! #NOT
Código fonte
O fonte deste e outros exemplos estão no Github: https://github.com/vquaiato/ajaxhelpersamplesAbraços,Vinicius Quaiato.
