2013-10-31 3 views
0

나는 asp.net 웹 응용 프로그램이 있습니다. 내 .aspx 페이지에서 나는 datepicker를 사용하고있는 두 개의 텍스트 상자가있는 작은 jQuery 대화 상자가 있습니다. 대화 상자가 나타나면 어떻게 그들을 중점을 제거 할 수 있습니다. 나는 인터넷에 게시 된 많은 솔루션을 시도했지만 여전히 초점을 맞추기 위해 datepicker가 전체 대화 상자를 표시하고 숨 깁니다. 여기 ASP.NET 텍스트 상자가 포커스를 잃지 않습니다

대화 터지는위한 내가 가지고있는 코드 :

<script type="text/javascript"> 
     var dialogOpts = { 
      resizable: false, 
      bgiframe: true, 
      maxWidth: 330, 
      maxHeight: 315, 
      width: 330, 
      height: 315, 
      autoOpen: false 
     }; 

     $('#borrow_dialog_form').dialog(dialogOpts).parent().appendTo($("#form1"));; 
     $(function() { 
      $("#borrow_dialog_form").dialog({ 
      }); 

      $("#Button1").click(function() { 
       $("#borrow_dialog_form").dialog("open"); 
       return false; 
      }); 
     }); 
    </script> 

그리고 여기 영문입니다 :

<div id="borrow_dialog_form" title="Borrow" style="display: none;"> 
      <asp:Label CssClass="labelStyle" ID="Label10" runat="server" Text="From"></asp:Label> 
      <asp:TextBox ID="datepicker2" runat="server"></asp:TextBox> 
     <asp:Label CssClass="labelStyle" ID="Label11" runat="server" Text="To"></asp:Label> 
     <asp:TextBox ID="datepicker" runat="server"></asp:TextBox> 
     <br /> 
     <br /> 
     <asp:Button Style="margin-left: 90px;" ID="borrow_item_button" runat="server" Text="Borrow item" OnClick="borrow_item_Click" /> 
    </div> 

누군가가 나를 도와주세요 수는?

답변

2

시도해 보셨습니까?

 $("#Button1").click(function() { 
      $("#borrow_dialog_form").dialog("open"); 
      $("#datepicker").blur(); 
      $("#datepicker2").blur(); 
      return false; 
     }); 

또는 그 것?

 $("#Button1").click(function() { 
      $("#borrow_dialog_form").dialog("open"); 
      $("#borrow_item_button").focus(); 
      return false; 
     }); 
+0

예, 행운이 없습니다. 그것은 여전히 ​​datepicker를 엽니 다. 그러나 텍스트 상자는 포커스가 맞지 않습니다. 그래서, 내 질문에 대한 답변을 추측하지만 자동 터지는 것을 막는 방법에 대한 아이디어가 있습니까? – Apostrofix

+0

좋아, 나는 datepicker의 자동 열림을 멈추는 해결책을 발견했다. ''TabIndex = -1 ''을 추가하기 만하면 datepicker가 자동으로 열리지 않습니다. – Apostrofix

관련 문제