65.9K
CodeProject is changing. Read more.
Home

ASP.NET server-side focus control

starIconstarIcon
emptyStarIcon
starIcon
emptyStarIconemptyStarIcon

2.38/5 (5 votes)

Jun 26, 2006

CPOL
viewsIcon

34510

downloadIcon

77

The user can easily set focus on a web control when the page loads or after an event is fired.

Introduction

I created this component to enable users to set focus on the client-side more easily. The implementation for this component is easy. JavaScript coding is not required.

How to add and run the component

You just need to provide the control ID to the function setFocus. The application will automatically generate JavaScript and set the focus to txtUserName. By default, the form ID is "Form1".

protected System.Web.UI.WebControls.TextBox txtUserName;
protected System.Web.UI.WebControls.TextBox txtPassword;

When the Page Loads

private void Page_Load(object sender, System.EventArgs e)
{
    // Put user code to initialize the page here
    if(!Page.IsPostBack)
    {
        WebControlFocus1.setFocus(txtUserName.ID);
    }
}

If the form ID is not the default "Form1", for example, if the form ID is "myForm", change it in the code as below:

private void Page_Load(object sender, System.EventArgs e)
{
    // Put user code to initialize the page here
    if(!Page.IsPostBack)
    {
        WebControlFocus1.setFocus(txtUserName.ID,"myForm");
    }
}

When the button is clicked, the user can set the focus on txtPassword like:

private void btnSubmit_Click(object sender, System.EventArgs e){if(InputValidation())
{
    WebControlFocus1.setFocus(txtPassword.ID);
}

This component was developed for ASP.NET 1.1.