DropDownList Focus is Lost!!!

Hii

In my WebPage, I've an UserControl, When 1st DropDownList's Selected Index is changed, page PostBack event is fired and fills another DropDownList on that UserControl... but my UserControl focus is Lost.... wot i need is, the focus should be transferred from 1st DropDownList to 2nd... I've used Control.Focus() and Page.SetFocus(Control)... but nothing happens

Can any one plzzzzzzzzzzzzz help me in this scenario...

and one more thing when i try to register my client script from UserControl using ClientScript.RegisterClientScriptBlock...and try to call a function written in JavaScript... no function is called... is there any other method to register ClientScript.... (without using Control.Attributes.Add();)

Thanks

Nasir Ibrahim

Re: DropDownList Focus is Lost!!!

Hi,

you can achieve this usign Javascript...

Page.ClientScript.RegisterStartupScript(this.GetType(),"foc","document.getElementById('dropdownId').focus();",true);

write the above code in your first dropdown index changed event....

Re: DropDownList Focus is Lost!!!

Thanks for ur Reply...

i've already used it [:(] ... But its not working...

Here is My Code;

protected void cmbTradeType_SelectedIndexChanged(object sender, EventArgs e)

{

if(cmbTradeType.SelectedValue != "-1")

{

FillSettlementDate(cmbTradeType.SelectedValue, ""); //Function Called To Fill cmbSettlementDate

cmbSettlementDate.Enabled = true;//Enable cmbSettlementDate

}

if (cmbTradeType.SelectedValue == "-1")

{

cmbSettlementDate.Enabled = false;

}

Page.ClientScript.RegisterStartupScript(this.GetType(), "focus", "<SCRIPT language='javascript'> document.getElementById('ctl00_ContentPlaceHolder1_cfsTrade1_cmbSettlementDate').focus();</SCRIPT>", true); //Set Focus on cmbSettlementDate

}

Now Control should be transferred to cmbSettlementDate, but its really not working [:'(]

Re: DropDownList Focus is Lost!!!

Hi,

try this...

Page.ClientScript.RegisterStartupScript(this.GetType(), "foc", "document.getElementById('" + DropwdownName.ClientID + "').focus();", true);

itsnasir
"<SCRIPT language='javascript'> document.getElementById('ctl00_ContentPlaceHolder1_cfsTrade1_cmbSettlementDate').focus();</SCRIPT>", true);

if you are using script tag in you scripts element no need to use true..... true or false is used to set whether the system need to add <script> tag with your code dynamically.....

Re: DropDownList Focus is Lost!!!

Thank you so much Mr Vasanthakumar, for taking interest to help me...

Now I've used the code u sent... and I've put this code in my page load event and by doing this at least i got Control over my UserControl... but again the problem is not solved.... let me elaborate it more....

In my website i've a master page which contains some link buttons... when my DropDownList selected index is changed, the control goes over these linkButtons instead of my another DropDownList....

Now plz help me[:)]

Thanks

Nasir Ibrahim

Re: DropDownList Focus is Lost!!!

Hi,

its working nicely for me.... please find the full test code here....

test.master.vb

<%@ Master Language="VB" CodeFile="test.master.vb" Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Untitled Page</title>

</head>

<body>

<div>

<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">

</asp:contentplaceholder>

</div>

</form>

</body>

</html>

Test.ascx

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="test.ascx.vb" Inherits="test" %>

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">

<asp:ListItem>one</asp:ListItem>

<asp:ListItem>two</asp:ListItem>

<asp:ListItem>thre</asp:ListItem>

<asp:ListItem>four</asp:ListItem>

</asp:DropDownList><br />

<br />

<asp:DropDownList ID="DropDownList2" runat="server">

<asp:ListItem>one</asp:ListItem>

<asp:ListItem>tow</asp:ListItem>

<asp:ListItem>three</asp:ListItem>

</asp:DropDownList>

test.ascx.vb

Partial Class test

Inherits System.Web.UI.UserControl

Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged

Page.ClientScript.RegisterStartupScript(Me.GetType(), "foc", "document.getElementById('" + DropDownList2.ClientID + "').focus();", True)

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

End Sub

End Class

Default2.aspx

<%@ Page Language="VB" MasterPageFile="~/test.master" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" title="Untitled Page" %>

<%@ Register Src="test.ascx" TagName="test" TagPrefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<uc1:test ID="Test1" runat="server" />

</asp:Content>

please check this.... can you post your code....

Re: DropDownList Focus is Lost!!!

Here is My Code

Master Page

<%@ Master Language="C#" AutoEventWireup="true" Inherits="Main" Codebehind="Main.master.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>InvestConnect - FrontEnd</title>

</head>

<body>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<br />

<tr>

<asp:LinkButton ID="LinkButton1" runat="server" TabIndex="30" >Report1</asp:LinkButton>   

<asp:LinkButton ID="LinkButton2" runat="server" TabIndex="31">Report2</asp:LinkButton>   

<asp:LinkButton ID="LinkButton3" runat="server" TabIndex="32">Report3</asp:LinkButton>   

<asp:LinkButton ID="LinkButton4" runat="server" TabIndex="33">Report4</asp:LinkButton>   

</div>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

      <asp:LinkButton ID="linkEquity" runat="server" Text = "Equity" Enabled="False" OnClick="linkEquity_Click" TabIndex="34" ></asp:LinkButton> 

 <asp:LinkButton ID="linkCFS" runat="server" Text ="CFS" Enabled="False" OnClick="linkCFS_Click" TabIndex="35" ></asp:LinkButton>

&nbsp <asp:LinkButton ID="linkFIS" runat="server" Text ="FIS" Enabled="False" OnClick="linkFIS_Click" TabIndex="36" ></asp:LinkButton>

&nbsp <asp:LinkButton ID="linkMM" runat="server" Text ="MM" Enabled="False" TabIndex="37"></asp:LinkButton>

</div>

</td>

</tr>

<tr>

<h3>Welcome - <asp:Label ID="lblUserName" runat="server"></asp:Label>

<asp:LinkButton ID="linkSignOut" runat="server" OnClick="linkSignOut_Click">Sign Out</asp:LinkButton></h3>

</div>

</td>

</tr>

<tr>

<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">

</asp:contentplaceholder>

</div>

</td>

</tr>

<tr>

<a href="" >Contact us</a>  

<a href="" >About us</a>  

<a href="" >Terms of use</a><br/>

Reserved

</div>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

UserControl

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CFSTrade.ascx.cs" Inherits="FrontEnd.CFSTrade" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

CFS Trade

</legend>

<asp:UpdatePanel ID = "upCFS" runat = "server" UpdateMode="Conditional">

<asp:Label ID ="lblSaveMsg" runat ="Server" ForeColor = "Red" Visible = "false"></asp:Label>

<table id="tbCFS" cellpadding="4" cellspacing="0" align="center" styl

<tr>

<asp:Label ID = "Label5" runat="server" Text = "*" ForeColor = "red"></asp:Label>

&nbsp<asp:Label ID = "lblTradeType" Text = "Trade Type" runat = "server"></asp:Label>

</td>

<asp:DropDownList ID ="cmbTradeType" runat="server" Width = "156px" OnSelectedIndexChanged="cmbTradeType_SelectedIndexChanged" AutoPostBack="True">

<asp:ListItem Value="-1">--</asp:ListItem>

<asp:ListItem Value="002">NCSS COT</asp:ListItem>

<asp:ListItem Value="007">R NCSS COT</asp:ListItem>

</asp:DropDownList>

</td>

</td>

</td>

<asp:Label ID = "Label7" runat="server" Text = "*" ForeColor = "red"></asp:Label>

&nbsp<asp:Label ID = "lblSettlementDate" Text = "Settlement Date" runat = "server"></asp:Label>

</td>

<asp:DropDownList ID ="cmbSettlementDate" runat="server" Width="156px"></asp:DropDownList>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</center>

</fieldset>

</div>

UserControl CodeBehind

protected void cmbTradeType_SelectedIndexChanged(object sender, EventArgs e)

{

if(cmbTradeType.SelectedValue != "-1")

{

cmbSettlementDate.Enabled = true;

FillSettlementDate(cmbTradeType.SelectedValue, "");

if (cmbTradeType.SelectedValue == "002")

{

EnableControls(true);

}

else

{

EnableControls(false);

}

if (cmbTradeType.SelectedValue == "-1")

{

cmbSettlementDate.Enabled = false;

}

Page.ClientScript.RegisterStartupScript(this.GetType(), "foc", "document.getElementById('" +cmbSettlementDate.ClientID+"').focus();", true);

}

private void FillSettlementDate(string tradeType, string fPeriod)

{

FrontEnd.BLL.EquityTrade ObjEquiTrade = new FrontEnd.BLL.EquityTrade();

ListItem LI = new ListItem();

LI.Text = "--";

LI.Value = "-1";

DataTable dt = ObjEquiTrade.GetSettlementDate(tradeType, fPeriod);

this.cmbSettlementDate.DataSource = dt;

this.cmbSettlementDate.DataTextField = "CLEARING_DESC";

this.cmbSettlementDate.DataValueField = "CLEARING_NO";

this.cmbSettlementDate.DataBind();

this.cmbSettlementDate.Items.Insert(0, LI);

}

Re: DropDownList Focus is Lost!!!

Hi,

Page.RegisterStartupScript wont work in update panel..

you need to use

ScriptManager.RegisterStartupScript(this, this.GetType(), "foc", "document.getElementById('" + cmbSettlementDate.ClientID + "').focus();", true);

Re: DropDownList Focus is Lost!!!

Thank you sooooooooooo much

well there are 3 userControls in my WebPage... that's y um using

ScriptManagerProxy1.Page.ClientScript.RegisterStartupScript(this.GetType(), "foc", "document.getElementById('" + cmbSettlementDate.ClientID + "').focus();", true);

One more thing when i use Mouse to select my DropDownList the control is lost and when i use arrow keys to select then control is transferred... y this happens plz guide me[:D]

Re: DropDownList Focus is Lost!!!

Hi,

sorry I cannot get you...

can you give me some details?...

please mark as answer the if the post help you...

Re: DropDownList Focus is Lost!!!

The simple way I think is in the first Dropdown list' selected event write the following code(two DropdownList DDL1, DDL2)

protected void DDL1_SelectedIndexChanged(object sender,EventArgs e)

{

DDL2.Attributes.Add("onload","javascript:this.focus();");

}

Re: DropDownList Focus is Lost!!!

Hi vasanth.kumar.d

Sorry for the delay...

On my MasterPage I've a ScriptManager and one ContentPlaceHolder, My Webpage contains three UserControls and each UserControl uses UpdatePanel... now i want to call JavaScript Focus() Method Using ScriptManagerProxy... um using the following Code...

ScriptManagerProxy1.Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"ReturnScript","document.getElementById('"+cmbSettlementDate.ClientID +"').focus();",true);

but nothing happens...

 and if i try to use

ScriptManagerProxy1.Page.ClientScript.RegisterStartupScript(this.GetType(), "ReturnScript", "document.getElementById('"+cmbSettlementDate.ClientID +"').focus();"
, true);

it works only in Page_Load event  and doesn't work if i want to use it in any event or method

can u plzzzzzzzzz help me in this case

Thanks

Nasir Ibrahim

Re: DropDownList Focus is Lost!!!

Hi,

try the below one...

ScriptManager.RegisterStartupScript(this, this.GetType(), "ReturnScript", "document.getElementById('"+cmbSettlementDate.ClientID +"').focus();", true);

Re: DropDownList Focus is Lost!!!

Thank you sir for ur Quick Reply

but I couldn't find if it is supported by C#.Net 2.0 and one more thing i need to call JavaScript focus() in my UserControl and i've taken ScriptManager on my MasterPage... and that's y i need to use ScriptManagerProxy....[:(]

plz plz plz help me

Thanks

Nasir Ibrahim

Re: DropDownList Focus is Lost!!!

Hi,

I will list my test environment for this..

1. I have master page in which Script managner and update panel is present.

2. User controls with 2 dropdowns... in which I had written the above code in onselectedindex changed event of first dropdowm..

3. One content page for master... and user control added to it..

please let me know whether both of us using the same flow.....

Re: DropDownList Focus is Lost!!!

1- I've a MasterPage in which only ScriptManager is present and NOT an UpdatePanel...

2- UserControls in which ScriptManagerProxy and UpdatePanel is Present and in this UpdatePanel all the remaining controls are present.

3- On My DropDownList AutoPostBack is true, and 2nd DropDownList is filled using 1st DropDownList Selected value on run time...

4- One ContentPlaceHolder in Master Page.

Thanks

Nasir Ibrahim

Re: DropDownList Focus is Lost!!!

Hi Nasir,

sorry for the delay...

I hope this will be the last post for this problem...

try the below one....

ScriptManager.RegisterStartupScript(Me.Page, Me.Page.GetType(), "foc", "document.getElementById('" + DropDownList2.ClientID + "').focus();", True)

Re: DropDownList Focus is Lost!!!

Thank you sooooo much Mr. Vasanthakumar ...

Ya this is the last Post on this Topic [:D] ...

U really give me toooo much time and um really very much thankful....

GOD Bless you and grant u with more Knowledge... Take Care

Thanks again

Nasir Ibrahim

Re: DropDownList Focus is Lost!!!

Hi Nasir,

Thanks ya..

Re: DropDownList Focus is Lost!!!

Hi Vasath.

Thanks for this code. It is working fine for me