1

Tenho um método em javascript em um botão, que e acionado com o clique do mesmo, porem este mesmo botão aciona um evento do asp.net. O evento do js executa um método que processa um valor e este valor eu jogo dentro de um hidden (do asp). O evento do asp, usa este valor (do hidden) para um outro processo. Meu problema é que parece que o evento do asp esta processando antes do JS entao quando o asp tenta pegar o valor gerado pelo JS (que deveria estar no hidden), o value esta vazio.

Alguma ideia de como executar o js primeiro neste caso? ou alguma outra ideia?

document
      .getElementById("ContentPlaceHolder1_cmdAvancarEnder‌​eco")
      .addEventListen‌​er("click", getHashSender); 

Private Sub cmdAvancarEndereco_Click(sender As Object, e As EventArgs)
                                      Handles cmdAvancarEndereco.Click

<asp:button ID="cmdAvancarEndereco" runat="server" 
                  cssclass="btn btn-success btn-lg" text="Avançar >">
</asp:button>
7
  • Qual é o seu código?
    – novic
    Commented 1/02/2017 às 19:29
  • document.getElementById("ContentPlaceHolder1_cmdAvancarEndereco").addEventListener("click", getHashSender); <- JS Commented 1/02/2017 às 19:35
  • ContentPlaceHolder1_cmdAvancarEnder‌​eco é um botão submit ?
    – novic
    Commented 1/02/2017 às 19:37
  • cara desculpa esse e o codigo : document.getElementById("ContentPlaceHolder1_cmdAvancarEndereco").addEventListener("click", getHashSender); <- JS Private Sub cmdAvancarEndereco_Click(sender As Object, e As EventArgs) Handles cmdAvancarEndereco.Click 'evento end sub o botao avancarendereco e um botao asp <asp:button ID="cmdAvancarEndereco" runat="server" cssclass="btn btn-success btn-lg" text="Avançar >"></asp:button> (noa to sabendo colcoar o codigo em formatação de code perdao) Commented 1/02/2017 às 19:46
  • é só clicar no editor aonde estão as chaves { } o texto precis a estar selecionado. No seu caso o Botão faz requisição no servidor primeiro, o javascript nem executa, acredito eu. ta meio sem contexto mas, seria isso.
    – novic
    Commented 1/02/2017 às 19:58

2 Respostas 2

1

Você pode tirar o controle do .cs e fazer ele só pelo .js.

Transforma o método Private Sub cmdAvancarEndereco_Click(sender As Object, e As EventArgs) em um método normal Public Sub cmdAvancarEndereco_Click({ parametros_necessarios }). Daí o código asp vai ser chamado pelo teu javascript depois de ser processado por ele.

document.getElementById("ContentPlaceHolder1_cmdAvancarEnder‌​eco").addEventListen‌​er("click", function(evt) {
   callPostBack(null, this, [urlcmdAvancarEndereco_Click], [parametros]);
}); 

Isso garante que antes de chegar no código backend vai passar pelo .js.

4
  • cara desculpe mas o que significa esse urlcmdAvancarEndereco_Click seria o nome da minha pagina / metodo? no meu caso seria carrinho/cmdAvancarEndereco_Click , ? ou estou errado? Commented 2/02/2017 às 20:13
  • var url = '@Url.Action("NomeAction", "NomeController", null, Request.Url.Scheme)'; eu utilizo essa estrutura pra montar dinamicamente minha url.. no caso ficaria var urlcmdAvancarEndereco_Click= '@Url.Action("cmdAvancarEndereco_Click", "Nome_Controller", null, Request.Url.Scheme)';
    – rLinhares
    Commented 2/02/2017 às 20:19
  • entao cara o problema e que estou usando webforms Commented 2/02/2017 às 20:22
  • entendi.. bom, vê se esse link pode ajudar.. stackoverflow.com/questions/9654808/…
    – rLinhares
    Commented 3/02/2017 às 12:22
1

A solução encontrada foi no evento onClickdo botão informar um return false; barrando assim o evento do codebehind, e apenas quando meu hidden estiver preenchido, é forçado o evento submit do formulário para processar os dados (no caso eu poderia forçar o evento click, mas a solução mudou).

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .