Webform Default Button

**Devwhiz** · Devwhiz, March 31st, 2008 11:03 PM

Hi, I have a situation which is causing me to pull the few last hairs on my head.

I have this Asp.Net form in which I have defined a default button: btnFind
and I have it defined as follows:

Code:

<form id=”form1″ runat=”server” defaultbutton=”btnFind″ >

This works great in both IE and Firefox but when I add an UpdatePanel
something really strange happens, it doesn't work on Firefox.

I'm really stumbled to make this work.

I'm using Visual Studio 2005 .Net Framework 2.0, and Ajax

Can someone please help me?

**richyrich** · richyrich, April 1st, 2008 06:48 AM

A solution I've found, provided you either have 1 button on the page, or the default button is the first that's rendered is to use Javascript.

Within the head of your content page include:-

Code:

<script type="text/javascript">
function press(evt)
{
if(evt.which || evt.keyCode){
     if ((evt.which == 13) || (evt.keyCode == 13)) {
          //Use the id of the button you want as the default.
          var buttonid = '<%=Button1.ClientID %>';
          __doPostBack(buttonid,'');
          returntrue;
      }
 } else {
      returnfalse;
     }
}
</script>

Add it as an attribute to the form in code behind, using onkeypress:-

Code:

sub Page_Load()
 
  if not ispostback then
        form1.attributes.add("onkeypress", "press(event);")
  end if
 
end sub

Hope that helps in some way. Perhaps someone else can provide an example that works in all instances.

**Devwhiz** · Devwhiz, April 1st, 2008 01:26 PM

Thanks for your reply richy
I get the following error with the code you provided:

System.Web.UI.HtmlControls.HtmlForm' does not contain a definition for 'attributes'

**richyrich** · richyrich, April 1st, 2008 03:24 PM

Strange....It worked for me.

Could you post the code you have so far?

**Devwhiz** · Devwhiz, April 1st, 2008 03:42 PM

Thanks for your help, I still can't figure it out

Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="Test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Employee Listing</title>
    <script type="text/javascript">
    function press(evt)
    {
      if(evt.which || evt.keyCode){
        if ((evt.which == 13) || (evt.keyCode == 13)) {
          //Use the id of the button you want as the default.
          var buttonid = '<%=Button1.ClientID %>';
          __doPostBack(buttonid,'');
          returntrue;
        }
       } else { returnfalse; }
    }
</script>   
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="MyScriptManager" runat="server" />    
    <asp:updatepanel ID="MyUpdatePanel" runat="server">
    <ContentTemplate>
	<asp:Label ID="msg" runat="server" />
	<asp:TextBox ID="txtName" runat="server" />
	<asp:Button ID="btnFind" runat="server" Text="Find" onclick="btnFind_Click" />
    </contentTemplate>
    </form>
</body>
</html>

my code behind is

Code:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
      form1.attributes.add("onkeypress", "press(event);")
}

protected void btnFind_Click(object sender, EventArgs e)
{
    msg.Text = "The Name to Search for is " + txtName.Text;
}

**richyrich** · richyrich, April 1st, 2008 07:13 PM

Don't know if this will have an effect, but you hadn't changed the id of the button to be default in the JS and there were a couple of spaces missing. You were also missing the end UpdatePanel tag. Also, add the onkeypress to the form tag itself and remove the form1.attributes.add line completely from your code behind.

Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="Test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Employee Listing</title>
    <script type="text/javascript">
    function press(evt)
    {
         if(evt.which || evt.keyCode){
              if ((evt.which == 13) || (evt.keyCode == 13))
              {
                  //Use the id of the button you want as the default.
                  var buttonid = '<%=btnFind.ClientID %>';
                  __doPostBack(buttonid,'');
                  return true;
               }
          } else {
               return false;
          }
       }
</script>   
</head>
<body>
    <form id="form1" runat="server" onkeypress="press(event);">
    <asp:ScriptManager ID="MyScriptManager" runat="server" />    
    <asp:updatepanel ID="MyUpdatePanel" runat="server">
    <ContentTemplate>
    <asp:Label ID="msg" runat="server />
    <asp:TextBox ID="txtName" runat="server" />
    <asp:Button ID="btnFind" runat="server onclick="btnFind_Click" />
    </contentTemplate>
    </asp:updatepanel>
    </form>
</body>
</html>

**Devwhiz** · Devwhiz, April 2nd, 2008 12:28 PM

Thanks richy, this works

But what if I had different tabpanels?

Would this work?

**richyrich** · richyrich, April 2nd, 2008 12:30 PM

Originally Posted by Devwhiz

Thanks richy, this works

But what if I had different tabpanels?

Would this work?

You mean more than 1 updatepanel on a page?

**Devwhiz** · Devwhiz, April 2nd, 2008 05:18 PM

yes

**Wolffy** · Wolffy, May 15th, 2008 02:15 PM

As this thread has been inactive for more than 30 day -- it has been closed.

Thread: Webform Default Button

LinkBack

Thread Tools

Display

Webform Default Button

Bookmarks

Bookmarks

Posting Permissions