设置焦点在文本框弹出窗口asp.net

问题描述：

如何设置焦点在弹出窗口（模态）的第一个文本框控件？这是一个登录窗口。我试过JavaScript，但失败了。设置焦点在文本框弹出窗口asp.net

答

得到集中尝试AjaxControlToolkit.Utility.SetFocusOnLoad(YouTextBoxID);

哪里？ Page_Load中？没有工作。它是一个模特百慕大人。 – Yustme 2010-10-01 09:57:09

尝试在modalpopup扩展器的加载事件 – banupriya 2010-10-01 10:35:43

模态弹出本身有一个加载事件。 protected void YourModalPopUpID_ModalPopupExtender_Load（object sender，EventArgs e） { AjaxControlToolkit.Utility.SetFocusOnLoad（YouTextBoxID）; } – banupriya 2010-10-01 10:53:06

答

在body onload中您可以添加一些javascript。并且将焦点设置到文本框，你想

如：

<script type="text/javascript"> 
      function setFocus() { 
       document.getElementById('TextBox2').focus(); 
      } 
     </script> 


<body onload="setFocus();"> 
    <form id="form1" runat="server"> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick='ani1();' /> 
    </form> 
</body>

的TextBox2一次页面加载

我究竟在哪里放这段代码？用户是atm还是usercontrol的页面？ – Yustme 2010-10-01 09:50:56

答

在ASP.NET只需使用focus()在onload事件声明您的TextBox的页面：

<body onload="document.getElementById('<%= yourTextBoxID.ClientID %>').focus();"></body>

您可以将<body>标记与内容占位符或表单一起使用。

答

，如果你想打电话从JS弹出，使用这样的：如果你想叫它形成服务器端

function openPopup() { 
    $find('BehaviorID_of_your_popup').show(); 
    document.getElementById('<%= theTextBox.ClientID %>').focus(); 
}

，这应该工作：

protected void btnShow_Click(object sender, EventArgs e) 
{ 
    popup.Show(); 
    theTextBox.Focus(); 
}

答

这里是样品

在标记：

<asp:ModalPopupExtender runat="server" BehaviorID="UserSearchModalBehavior" ID="mpeSearch" PopupControlID="pUserSearch" TargetControlID="btnFindUser" 
    OkControlID="btnUserSearchClose" CancelControlID="ibClose" />

在JavaScript中：

<script language="javascript" type="text/javascript"> 

    function pageLoad() { 
     var modalPopup = $find("UserSearchModalBehavior"); 
     if (modalPopup != null) { 
      modalPopup.add_shown(OnPopupShow);     
     } 
    } 

    function OnPopupShow() { 
     var tb = $get("tbSearchQuery"); 
     tb.focus(); 
    } 

</script>

设置焦点在文本框弹出窗口asp.net

相关推荐