обновление панели, добавить функцию, которая работает после обновления

Question

Я использую этот Jquery DatePicker

У меня есть вход в UpdatePanel

<input id="DateMask" type="text" /> 

и JS код:

function SetD() { 
    alert(1); 
} 

$(document).ready(function() { 
    SetD(); 
    $("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true 
    }); 
}); 

Но проблема в том, что когда я отправляю свою форму на сервер, я только обновляю панель обновлений, поэтому $(document).ready(function() не работает после обновления, поэтому, где я могу выполнить свою функцию?

Answer 1

Вам нужно переустановить событие Sys.WebForms.PageRequestManager.add_endRequest. Посмотрите похожие фотографии jQuery $(document).ready and UpdatePanels?

Answer 2

Чтобы сделать его работу, вам необходимо повторно инициализировать его после обновлений UpdatePanel. Вы можете сделать это, используя функции UpdatePanel. Я также хотел бы здесь отметить, что вам также необходимо отменить его непосредственно перед обновлением UpdatePanel, чтобы избежать утечек памяти.

<script type="text/javascript"> 
    // if you use jQuery, you can load them when dom is read. 
    $(document).ready(function() { 
     var prm = Sys.WebForms.PageRequestManager.getInstance();  
     prm.add_initializeRequest(InitializeRequest); 
     prm.add_endRequest(EndRequest); 

     // Place here the first init of the DatePicker 
     InitDatePicker(); 
    });   

    function InitializeRequest(sender, args) { 
     // make unbind to avoid memory leaks. 
     $("#datepicker").unbind(); 
    } 

    function EndRequest(sender, args) { 
     // after update occur on UpdatePanel re-init the DatePicker 
     InitDatePicker(); 
    } 


    function InitDatePicker() 
    { 
     $("#datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true 
     });  
    } 
</script> 

Почти тот же самый вопрос, но на GridView: Asp.Net UpdatePanel in Gridview Jquery DatePicker