Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

João Fernandes dos Santos

Dar Refresh em TextBox dentro da grid view sem atualizar página

Por , em Javascript

Recommended Posts

João Fernandes dos Santos    2

João Fernandes dos Santos
Postado

Pessoal, bom dia.

 

Estou com o seguinte problema:

Tenho um textbox que esta em uma grid view, ou seja cada linha tem seu text box, tenho uma função em javascript que quando o usuário apertar o enter ou o tab ele executa uma função de inserção no banco de dados e após a inserção ele passa o focu para o próximo text box da grid.

 

Meu problema é que quando tento pegar o valor do text box ele ainda esta com o valor antigo, ou seja, é necessário um post back na página para que ele assuma o novo valor, porém esse post back tira o focu do próximo campo.

 

alguem tem alguma idéia de como contornar isso?

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

como vc está fazendo para "pegar o valor" do textbox ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Fernandes dos Santos    2

João Fernandes dos Santos
Postado

WB obrigado pelo post.

 

Não pego o valor do text box, a cada onblur do text box eu chamo uma função VB que faz o looping na grid view e envia os dados.

Porém os text boxs não estão atualizados, somente depois de um refresh na página que eles atualizam, e com isso eu perco o focu do próximo campo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Morpheus#2005    1

Morpheus#2005
Postado

Opa.!

 

Ja tentou:

 

$(function() {
    $('#CampoOriginal').change(function() {
       $('#CampoOriginal').val(this.value);
    });
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

Morpheus#2005    1

Morpheus#2005
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		
		$("#quant").blur(function(){
			qtd = $("#quant").val()
			$("#itemQuantity").val(qtd);
			
			});	  
	   	  
	});
</script>
 <input type="text" name="quant" id="quant" />
 
<input type="text" name="itemQuantity" id="itemQuantity" value="50" />
</body>
</html>

 

Testa ae....acho que eu postei alguma coisa errada ...

 

Nesse exemplo vc verá que quando mudar a quantidade ele vai atualizar o outro campo...aí é so colocar HIDDEN.

 

Testou?

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Fernandes dos Santos    2

João Fernandes dos Santos
Postado

Ufa Morpheu to quase la acho que vou fechar a sexta-feita com chave de ouro.

 

Agora só falta um detalhe.

 

Tenho essa função:

 
  <script language="javascript" type="text/javascript">

      $(document).ready(function() {

          $('.txtVlrCotado').keypress(function(e) {
              var txtObjlst = document.getElementById('GridView1').getElementsByTagName("INPUT");
              var gvDrv = document.getElementById("<%= GridView1.ClientID %>");
              var tecla = (e.keyCode ? e.keyCode : e.which);

              if (tecla == 13 || tecla == 9) {
                  campo = $('.txtVlrCotado');
                  indice = campo.index(this);

                  var cell = gvDrv.rows[indice].cells;
                  var HTML = cell[0].innerHTML;

                  if (campo[indice + 1] != null) {
                      proximo = campo[indice + 1];
                      proximo.focus();
                      hfFocu.value = indice + 1;
                      $('#btnFinalizar').click();
                  } else {
                      //$('#btnFinalizar2').click();
                      hfFocu.value = -1;

                  }
              }
          })
      })
    </script>

 

ou seja quando o usuário der um enter o focu vai passar para o proximo text box, preciso que este textbox (caso ja tenha sido preenchido) preciso que ele selecione seu texto e quando o usuário digitar algo o texto selecionado seja apagado.



Morpheus, consegui mais um passo.

 

adicionei esse código no html: onfocus="this.selected"

 

ou seja quando der o focu no text box o texto dele é selecionado, porém quando vou digitar algo novo no campo ao apertar a primeira tecla quero que o texto selecionado apague, ele não esta apagando o texto selecionado ele esta da o focu no ultimo caracter e o texto que esta sendo digitado esta juntando com o texto que ja tinha.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito