none
Updatepanel em um GridView com componentes do Grid utilizando JavaScript RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Ola pessoal!

    Estou fazendo uma aplicação Web em asp.net c# e estou precisando de uma ajuda.

    Tenho um gridview onde eu preencho através do banco de dados SQL Server. No Grid coloquei as funções de Edit, Update e Insert.

    Nos campos do EditItemTemplate, tenho um campo que é DateTime, onde preciso salvar ele no banco no formato DateTime.

    O que eu quero é que esse campo fique habilitado a mascara de data que criei a função JavaScript(__/__/__)  e outra do datepicker do jquery.

    Estou utillizando o updatePanel no Grid, então quando clico no botão de editar, que habilita os campos de edição, os mesmo perde as funções JavaScript.

    Quando trabalho com o Grid sem o UpdatePanel, as funções JavaScript funcionam perfeitamente, ou seja, o problema está no UpdatePanel

    Alguém tem uma ideia de como me ajudar???

    sexta-feira, 15 de fevereiro de 2013 14:59
    |

Respostas

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Pessoal, quebrando a cabeça aqui, Consegui resolver...Segue abaixo o Código Exemplo

    Codigo ASPX

    <EditItemTemplate>
<asp:TextBox ID="txtData" CssClass="cssData" 
  runat="server" Text='<%# Eval("DATA","{0:d}") %>'></asp:TextBox>
</EditItemTemplate>

    Função JavaScript

    Colocar Fora do UpdatePanel

    <script type="text/javascript"> 
   // Se você usar jQuery, você pode carregá-los quando dom é lido.
   $(document).ready(function () {
       var prm = Sys.WebForms.PageRequestManager.getInstance();    
       prm.add_initializeRequest(InitializeRequest);
       prm.add_endRequest(EndRequest);

       // Local / aqui a primeira inicialização do DatePicker
       $(".cssData").datepicker();
    });        

    function InitializeRequest(sender, args) {
    }

    function EndRequest(sender, args) {
       // Após a atualização ocorrer no UpdatePanel re-init DatePicker o
       $(".cssData").datepicker();
    }
</script>



    • Marcado como Resposta Carlos FC sexta-feira, 15 de fevereiro de 2013 15:59
    sexta-feira, 15 de fevereiro de 2013 15:59
    |