Hi

 I'm trying to set field focus on a text box which is on an ascx page. 

The ascx page is also a control in an container aspx page.

The following HTML works for an aspx page in the body section but not for the embedded control:

Page1.aspx

 onload="document.Page1.textbox1.focus();"

 is there a way to reference the embedded ctrl field to have focus?

Kind Regards BH

 simple

1.On client side sth like this : ascxID_controlID     ( so say id of usercontrol in page is usercontrol1 then  onload="document.getElementById('usercontrol1').textbox1.focus();)

2.On server side sth like this in page load 

 TextBox t=  usercontrol1.FindControl("TextBox1") as TextBox;
          if (t != null)
              t.Focus();

I'm using VB .net

 Not sure if you mean put the code in the html of the aspx page or the ascx page

Kind Regards BH

Bill Humphrey:

Hi

 I'm trying to set field focus on a text box which is on an ascx page. 

The ascx page is also a control in an container aspx page.

The following HTML works for an aspx page in the body section but not for the embedded control:

Page1.aspx

 onload="document.Page1.textbox1.focus();"

 is there a way to reference the embedded ctrl field to have focus?

 

Kind Regards BH

Step 1:  to open the view source in your IE browser, you will find  the exactly ID which the server assigned to  your  textbox1  ( something like ct1_txtId ...)

first one is in HTML code(client side)

servier side code is in aspx page 

uwspstar:

Step 1:  to open the view source in your IE browser, you will find  the exactly ID which the server assigned to  your  textbox1  ( something like ct1_txtId ...)

That is bad advice. Wherever possible don't hardcode these values into your code - update your user control name and *wham* your javascript breaks. Instead you could expose some public properties in your user control to return either the client id of your textbox or indeed a reference to the textbox itself, e.g. (in code-behind of your user control):

    // Return the clientID of my textbox
    public string TextBox1ClientID
    {
        get { return TextBox1.ClientID; }
    }

    // Return a reference to my textbox
    public TextBox TextBox1Ref
    {
        get { return TextBox1; }
    }

In the javascript of your page then you could get the client id and set focus in javascript:

window.onload = function(){
    var ele = document.getElementById("<%=TestControl1.TextBox1ClientID%>");         // Use this if your public property returns just the client id of your textbox
    var ele = document.getElementById("<%=TestControl1.TextBox1Ref.ClientID%>");   // Use this if your public property returns a reference to your textbox
    ele.focus();
}

Alternatively if you wanted to set focus in the code-behind of your page you could create a public method in your user control which would do it for you:

-- User Control code-behind --
public void TextBox1SetFocus()
{
   TextBox1.Focus();
}

-- Page code-behind (Page_Load or wherever appropriate) --
MyUserControl.TextBox1SetFocus()

ramblor:

uwspstar:

Step 1:  to open the view source in your IE browser, you will find  the exactly ID which the server assigned to  your  textbox1  ( something like ct1_txtId ...)

 

That is bad advice. Wherever possible don't hardcode these values into your code - update your user control name and *wham* your javascript breaks. Instead you could expose some public properties in your user control to return either the client id of your textbox or indeed a reference to the textbox itself, e.g. (in code-behind of your user control):

    // Return the clientID of my textbox
    public string TextBox1ClientID
    {
        get { return TextBox1.ClientID; }
    }

    // Return a reference to my textbox
    public TextBox TextBox1Ref
    {
        get { return TextBox1; }
    }

In the javascript of your page then you could get the client id and set focus in javascript:

window.onload = function(){
    var ele = document.getElementById("<%=TestControl1.TextBox1ClientID%>");         // Use this if your public property returns just the client id of your textbox
    var ele = document.getElementById("<%=TestControl1.TextBox1Ref.ClientID%>");   // Use this if your public property returns a reference to your textbox
    ele.focus();
}

Alternatively if you wanted to set focus in the code-behind of your page you could create a public method in your user control which would do it for you:

-- User Control code-behind --
public void TextBox1SetFocus()
{
   TextBox1.Focus();
}

-- Page code-behind (Page_Load or wherever appropriate) --
MyUserControl.TextBox1SetFocus()

I agree !!! avoid the hard code as possible as you can