2013-10-31 72 views
0

我有一個asp.net web應用程序。在我的.aspx頁面中,我有一個帶有兩個文本框的小型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> 

這裏是ASPX:

<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

是的,但沒有運氣。它仍然打開日期選擇器。但是,文本框並不重點。所以,我想這回答了我的問題,但是你有什麼想法如何阻止自動彈出嗎? – Apostrofix

+0

好吧,我找到了一個解決方案來停止datepicker的自動打開。我只需要添加一個''「TabIndex = -1」',然後datepicker不會自動打開。 – Apostrofix