복붙노트

[JQUERY] GRIDVIEW jQuery를 DatePicker에서의 Asp.Net UpdatePanel

JQUERY

GRIDVIEW jQuery를 DatePicker에서의 Asp.Net UpdatePanel

해결법


  1. 1.가장 간단한 방법은 날짜 텍스트 상자에 클래스를 배치하고 단지 날짜 선택기를 추가 할 jQuery를 사용하는 것입니다 ...

    가장 간단한 방법은 날짜 텍스트 상자에 클래스를 배치하고 단지 날짜 선택기를 추가 할 jQuery를 사용하는 것입니다 ...

    <EditItemTemplate>
    <asp:TextBox ID="txtDate" CssClass="clDate" 
      runat="server" Text='<%# Eval("DATE","{0:dd.MM.yyyy}") %>'></asp:TextBox>
    </EditItemTemplate>
    

    및 초기화 이것에 대한 자바 스크립트입니다 : $ ( "clDate.") 날짜 선택기 ();. 최종 코드가 될 수 있도록하지만 업데이트 패널, 업데이트 후 다시 초기화 필요가있다 :

    <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
           $(".clDate").datepicker();
        });        
    
        function InitializeRequest(sender, args) {
           // make unbind to avoid memory leaks.
           $(".clDate").unbind();
        }
    
        function EndRequest(sender, args) {
           // after update occur on UpdatePanel re-init the DatePicker
           $(".clDate").datepicker();
        }
    </script> 
    

    업데이트 : sys 인 소개. -> http://msdn.microsoft.com/en-us/library/bb311028.aspx

  2. from https://stackoverflow.com/questions/3341623/asp-net-updatepanel-in-gridview-jquery-datepicker by cc-by-sa and MIT license