Jeff's Junk

Scott...thanks! :)

the panel solve the problem.

nice

I'm using LinkButton almost exclusively as well. Unfortunately Scott's suggestion only works in IE and not Firefox because there doesn't seem to be a Click() function on HTMLAnchorElement (this is what LinkButton are rendered as). Sadly looking at the W3C docs it looks like it isn't a requirement. Only HTMLInputElement is required to have that function.

Thanks Scott. But does not work with LinkButton and ImageButton (see http://support.microsoft.com/default.aspx/kb/921277). Maybe provide some standard scripting in the next .Net version?

Hi

My postback for my button includes some client-side javascript (see below).  The order is:

add some data to database

display an alert box

However, using this code in my pageload event:

txtName.Attributes.Add("onKeyPress", "BLOCKED SCRIPTif (event.keyCode == 13) __doPostBack('" + butAdd.UniqueID + "','')")

when I hit return the button postback event fires ok however, data is added succesfully to the database BUT the alert box does not appear.

DOes anyone have any ideas why not? or a solution?

Thanks,

Simon

strMessage = "Now send a text message!"

                   'finishes server processing, returns to client.

                   Dim strScript As String = "<script language=JavaScript>"

                   strScript += "alert(""" & strMessage & """);"

                   strScript += "</script>"

                   If (Not Page.IsStartupScriptRegistered("clientScript")) Then

                       Page.RegisterStartupScript("clientScript", strScript)

                   End If

Thanks Jeff.

I took out the alert box and just simply wrote:

response.write("Got Here")

when I click the button the data gets added and Got Here gets written.

when I hit the enter key the data gets added but the "Got Here" doesn't get written.

I'm baffled - any ideas?

thanks,

SImon

Thanks Scott, wrapping my second "form" in the panel and setting the default button did the trick.  Thanks for the post, works great!

actually I was thinking of this solution but I did not have time to try it.

Then I searched the internet to find some thing fast and this is it.

Don't worry; all the rights are for you :)

After reading above i have made something like below for me just like window default button. Working fine but need to test more.

<form id="Form1" method="post" runat="server" onkeydown="BLOCKED SCRIPTif (window.event.keyCode == 13 && window.event.srcElement.type != 'submit'){__doPostBack('SearchCriteriaButton');return false;}">

I have just refined the code above for my use as following, may help someone.

Default control in base class,

Control _DefaultControl = null;

public Control DefaultControl

{

get{ return _DefaultControl;}

set{ _DefaultControl = value;}

}

asp.net base page code in prerender overridden method,

if((this.Page.IsClientScriptBlockRegistered("PM-KeyDownEvent") == false) && (DefaultControl != null) ){Page.RegisterClientScriptBlock("PM-KeyDownEvent", "<script language=javascript event=onkeydown for=document> if (window.event.keyCode == 13 && window.event.srcElement.type != 'submit' && window.event.srcElement.type != 'button'){__doPostBack('" + this.DefaultControl.ClientID + "');return false;}</script>");

}

Add following code in child page

this.DefaultControl = SearchCriteriaButton;

Finally i added a CSS class for look of Default button, thats simply underline text for me.

Thanks. all above posts helped me to learn and find solution for my requirement.

Should this code work for asp.net 1.1 too ?

cheers

-JD

I've been looking something that does that for ages. Thanks alot!

Hi All,

Great solutions overall, however I can't seem to apply the theory to buttons which are not directly accessible in the code behind (such as buttons within templates of FormViews where a FindControl method is needed to access the control).

Here's a short snippet from the code behind:

Button btn = (Button)formView1.FindControl("btnUpdate");

Panel1.DefaultButton = btn.UniqueID;

I get an exception:

The DefaultButton of 'Panel1' must be the ID of a control of type IButtonControl.

I think the problem is Panel1 cannot find the button because it is nested in a template within the formview (i.e. the controls are roughly designed as:

<asp:Panel id="Panel1" ... >

 <asp:FormView ID="formView1" ... >

   <EditItemTemplate>

      ...

      <asp:Button id="btnUpdate" ... />

      ...

   </EditItemTemplate>

 </asp:FormView>

</asp:Panel>

If anyone has a solution for setting buttons within templates as default please post!

TIA

Kevin.

Kevin: the DefaultButton property is of type string, so you need to set it to the UniqueID property of the control.

I used this in a user control and it worked fine. Thank you so much!

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

       TextBox1.Attributes.Add("onKeyPress", "javascript:if (event.keyCode == 13) __doPostBack('" + btnGo.UniqueID + "','')")

   End Sub

If there were multiple buttons on the page then the page could end-up reloaded a couple of times (call page_load multiple times). Returning false avoids the extra reload.

The following change fixes this problem.

EmailTextBox.Attributes.Add("onKeyPress", "javascript:if (event.keyCode == 13) {__doPostBack('" + LoginButton.UniqueID + "',''); return false);");

You know what could solve all this? Having multiple forms on your page. Too bad you usually have the complete page in a form and nested forms are not allowed in HTML.

This doesn't sit well with me but it definitely does the trick for FormViews with templates. Add a panel into each template and set the DefaultButton value there.

<EditItemTemplate>

  <asp:Panel runat="server" ID="pnlEdit" DefaultButton="btnUpdate">

     ...

<InsertItemTemplate>

  <asp:Panel runat="server" ID="pnlEdit" DefaultButton="btnInsert">

     ...

In my previous life as an ASP.NET ninja, I had a request from a client to use the enter button to submit

In my previous life as an ASP.NET ninja, I had a request from a client to use the enter button to submit

Pingback from  MSDN Blog Postings  &raquo; Default ASP.NET Button

I would use:

this.Form.DefaultButton = LoginButton.UniqueID;

Note that if you are using this method in a user control you must use ClientID instead of UniqueID.

I was looking for similar problem but the stated solution did not work.

My scenario:

2 textboxes

3 buttons

My solution:

Page.Form.DefaultButton = btnSubmit.UniqueID

//Fires button click event on Enter key press

function fnTrapKD(Button1, event){

    if (document.all){

     if (event.keyCode == 13){

      event.returnValue=false;

      event.cancel = true;

      Button1.click();

     }

    }

    else if (document.getElementById){

     if (event.which == 13){

      event.returnValue=false;

      event.cancel = true;

      Button1.click();

     }

    }

    else if(document.layers){

     if(event.which == 13){

      event.returnValue=false;

      event.cancel = true;

      Button1.click();

     }

   }

   }

Making a custom linkbutton server control from this website worked great for me in both IE and Firefox:

kpumuk.info/.../using-panel-defaultbutton-property-with-linkbutton-control-in-asp-net

Pingback from  Set default button for Enter key (ASP.Net 1.1) &laquo; CJ

If you want to fix this problem without having a lot of extra markup, try this:

sentia.com.au/.../fixing-the-enter-key-in-asp-net-with-jquery

Thanks. This is great !

Hi guys i found solution finally.

Setting link button as Default button for FIREFOX as well as IE:

use this fallowing code-->

in .aspx file---------------------------

<asp:TextBox ID="txtUserName" runat="server" Width="230" ToolTip="Enter a username" MaxLength="50">

<asp:LinkButton ID="btnSearch" runat="server" OnClick="btnSearch_Click"></asp:LinkButton>

<script type="text/javascript">

function clickButton(e,buttonid)

{ debugger;

var bt=document.getElementById(buttonid);

if(typeof bt=='object')

{

if(navigator.appName.indexOf("Netscape")>(-1))

{

if(e.keyCode == 13)

{

if (bt && typeof(bt.click) == 'undefined')

{

bt.click = addClickFunction1(bt)

}

}

}

if(navigator.appName.indexOf("Microsoft Internet Explorer")>(-1))

{

if(event.keyCode == 13)

{

bt.click();

return false;

}

}

}

}

function addClickFunction1(bt)

{debugger;

var result = true;

if (bt.onclick) result = bt.onclick();

if (typeof(result) == 'undefined' || result)

{

eval(bt.href);

}

}

</script>

-------------------------

in aspx.cs file (write code for the text boxes u required)

aspx.cs file(C#.net code)--->

in Page_Load Event

txtUserName.Attributes.Add("onkeypress", "javascript:return clickButton(event,'" + btnSearch.ClientID + "');");

Josh, thanks for that 1 textbox bug find.  I was having trouble with a button not doing anything on return.  I added a second textbox, as you suggested, and it works now.

Thanks for the info, it helped my come up with a slightly different solution:

droyad.blogspot.com/.../enter-key-on-linkbuttons.html

Thanks Jeff,

I have beed searching for days and your method seems to work just fine for me.

Thanks again.

Another option is to put the controls in a panel and set the DefaultButton property to the button.

<asp:Panel ID="Panel1" runat="server" DefaultButton="Button1">

  <asp:TextBox ID="TextBox1" runat="server" />

  <asp:Button ID="Button1" runat="server" Text="Button" />

</asp:Panel>

I have a slightly different but related problem.

I want to suppress the default submit behavior when the enter key is hit. Limiting this to an element would be a bonus. Any ideas or pointers?

holy crap Scott, you're like the asp.net supreme guru.  Actually, my opinion is bias dude, I've read tons of your books and watched a good number of your videos.

Keep kickin' arse and takin' names, as I'm sure the internet community truly appreciates it, I know I do!

Thanks.

Jon

Damn Scott, you just lifted a stone of my chest thank you for sharing your knowlege! You da' man! :o)

Thanks for the simple, effective, cross-browser solution Jeff!  It works great in IE, Firefox, and Chrome.  You just saved millions of our users (and more importantly us developers that test the site constantly) much hassle.  Thanks again!

I have been trying to make this work for a couple of hours and cannot get it working - Am I missing something (Using BN Net Framework 1.1)

Using two buttons and trying to get textbox1 to initiate a button2 response. Keeps going to button1 response. See Code Below:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

TextBox1.Attributes.Add(”onKeyPress”, “javascript:if (event.keyCode == 13) __doPostBack(’” + Button2.UniqueID + “‘,”)”)

End Sub

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

Label1.Text = “button 1 clicked”

End Sub

Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click

Label1.Text = “Button 2 clicked”

End Sub

Thanks Barry

Sweet!  Such elegant solution.  So simple to implement and very efficient, yet not obvious.  This tweak to my forms has really been appreciated.

Hey Jeff, I've been using your method since I discovered it a while ago.  I recently ran into an issue (surprised I hadn't earlier) in that the __doPostBack method is bypassing client validation (using ASP.NET validation controls).  While looking around for a more elegant solution, I figure it simply had to do with adding some code to your method to check for client validation before posting back.  Following PLBlum's advice at:

forums.asp.net/.../2751480.aspx

Using your example above, I modifed your method as follows:

EmailTextBox.Attributes.Add("onKeyPress", "javascript:if(event.keyCode == 13){ if(Page_ClientValidate('" + LoginButton.ValidationGroup + "')){__doPostBack('" + LoginButton.UniqueID + "','')}}");

This little snippet will now check client validation (and the validation group if you're doing multiple forms on one page) before processing the Default Button Enter Key press.

Hope that helps anyone else who might have discovered this.  Thanks for the starting code, however, it's been excellent!

Thanks for the tip on setting the Default button on a panel, saves a lot of time :-)

You can just use this control as you would a normal panel and it works with LinkButtons as well.

public class DefaultButtonPanel : Panel

{

  protected override void OnLoad(EventArgs e)

  {

     if (DefaultButton != "")

     {

        LinkButton btn = FindControl(DefaultButton) as LinkButton;

        if (btn != null)

        {

           Button defaultButton = new Button();

           defaultButton.ID = btn.ID + "_Default";

           defaultButton.Text = " ";

           defaultButton.Style.Add("display", "none");

           PostBackOptions p = new PostBackOptions(btn, "", null, false, true, true, true, true, btn.ValidationGroup);

           defaultButton.OnClientClick = Page.ClientScript.GetPostBackEventReference(p) + "; return false;";

           Controls.Add(defaultButton);

           DefaultButton = defaultButton.ID;

        }

     }

     base.OnLoad(e);

  }

}

Oh and it works with validation groups.  You could tweak that PostBackOptions object to include postback url, etc, but I didn't need it.

protected void Page_Load(object sender, EventArgs e)

{  

Page.Form.DefaultButton = <Control>.UniqueID;

}

Note: <Control> may be button, imagebutton