Como posso obter o datepicker jQuery UI para mostrar-se em asp.net campo de edição gridview

Question

Eu tenho um gridview dentro de um painel de atualização, que está fazendo edição imediata. Quando edição é clicado, eu preciso sobre as caixas de texto para ser um datepicker jQuery UI;

Eu tentei de classe e id seletores, seletor filho tentou, mas Jquery não pode definir a coisa como um datepicker porque o elemento não é realmente sobre a página ainda. Então, eu tentei adicionar uma função para OnClientClick do comando editar e definir o datepicker lá, mas também não parece encontrar a caixa de texto. Ele permanece sempre uma caixa de texto regular.

Qualquer outra forma?

Answer 1

Se a caixa de texto é adicionado em UpdatePanel, então você precisa ligar para o pedido final .

// If my memory is good there was this pageLoad function that is 
// automatically called by the MS AJAX Framework when the DOM has finished loading
function pageLoad(sender, args) { 
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(
        function(sender, args) {
            $('your_textbox_selector').datepicker();
    }); 
}

Se você tem vários painéis de atualização em sua página que você pode precisar de ajustar um pouco o callback end_request, verificando os parâmetros sender e args, para que ele atribui a datapicker somente se o UpdatePanel que mantém seu GridView é acionado.