Databases
StackOverflow2013
Postsdbo
POUsing custom WebControl as DefaultButton for Panel
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUsing custom WebControl as DefaultButton for Panel
    primarykey
    data
    text
    <p>I have created a custom web control to act as a button with an image. I would like to be able to set this as the target of the <code>DefaultButton</code> parameter of an ASP.NET Panel control. I have implemented the IButton interface, and no error is generated when loading the page using the control. However, when I press enter in a textbox within that panel, the Click event of the control is not raised. When I replace my control with a standard ASP.NET button, everything works fine.</p> <p>I have a test page with a panel containing a textbox, an instance of my custom button, and a standard asp.net button. The buttons are wired to an event handler which will change the textbox to the ID of the caller.</p> <p>When DefaultButton of the panel is set to the ASP.NET button, hitting enter in the next box works correctly - the page posts back, and the text box is populated with the name of the standard button. When DefaultButton of the panel is set to my button, hitting enter in the textbox causes the page to postback, but the Click event is not fired. Clicking the button manually works correctly.</p> <p>Does anyone know what I have to add to my custom control to make it handle the event coming from the Panel control? I'm looking using Reflector at the source code for Button, but cannot identify what is enabling this behaviour.</p> <p>I have posted the source of the control below, and the relevant source of the test page.</p> <p>Control Source:</p> <pre><code>public class NewButton : WebControl, IPostBackEventHandler, IButtonControl { public NewButton() : base(HtmlTextWriterTag.A) { } public event EventHandler Click; public event CommandEventHandler Command; public string Text { get { return ViewState["Text"] as string; } set { ViewState["Text"] = value; } } public string ImageUrl { get { return ViewState["ImageUrl"] as string; } set { ViewState["ImageUrl"] = value; } } protected virtual void OnClick(EventArgs e) { if (Click != null) Click(this, e); } protected virtual void OnCommand(CommandEventArgs e) { if (Command != null) Command(this, e); } protected override void AddAttributesToRender(HtmlTextWriter writer) { base.AddAttributesToRender(writer); writer.AddAttribute(HtmlTextWriterAttribute.Class, "Button"); writer.AddAttribute(HtmlTextWriterAttribute.Onclick, Page.ClientScript.GetPostBackEventReference(this, "Click")); } protected override void RenderContents(HtmlTextWriter writer) { // base.RenderContents(writer); writer.WriteFullBeginTag("span"); writer.WriteFullBeginTag("span"); if (!String.IsNullOrEmpty(ImageUrl)) { writer.WriteBeginTag("img"); writer.WriteAttribute("src", Page.ResolveClientUrl(ImageUrl)); writer.Write(HtmlTextWriter.SelfClosingTagEnd); writer.Write(" "); } writer.WriteEncodedText(Text); writer.WriteEndTag("span"); writer.WriteEndTag("span"); } public void RaisePostBackEvent(string eventArgument) { if (this.CausesValidation) { Page.Validate(this.ValidationGroup); } OnClick(EventArgs.Empty); OnCommand(new CommandEventArgs(this.CommandName, this.CommandArgument)); } public bool CausesValidation { get { return ViewState["CausesValidation"] as bool? ?? true; } set { ViewState["CausesValidation"] = value; } } public string CommandArgument { get { return ViewState["CommandArgument"] as string; } set { ViewState["CommandArgument"] = value; } } public string CommandName { get { return ViewState["CommandName"] as string; } set { ViewState["CommandName"] = value; } } public string PostBackUrl { get { return ViewState["PostBackUrl"] as string; } set { ViewState["PostBackUrl"] = value; } } public string ValidationGroup { get { return ViewState["ValidationGroup"] as string; } set { ViewState["ValidationGroup"] = value; } } } </code></pre> <p>Code to call it:</p> <pre><code>&lt;asp:Panel ID="Panel1" runat="server" CssClass="StandardForm" DefaultButton="NewButton1"&gt; &lt;asp:TextBox runat="server" ID="text1" Columns="40" /&gt; &lt;MyControls:NewButton ID="NewButton1" runat="server" Text="Test" OnClick="OnClick" /&gt; &lt;asp:Button runat="server" ID="OldButton1" OnClick="OnClick" Text="Test" /&gt; &lt;/asp:Panel&gt; </code></pre> <p>Code Behind:</p> <pre><code> protected void OnClick(object sender, EventArgs args) { text1.Text = "Click event received from " + ((WebControl) sender).ID; } </code></pre> <p>The control renders as follows:</p> <pre><code>&lt;div id="ctl00_MainContent_Panel1" class="StandardForm" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_MainContent_NewButton1')"&gt; &lt;input name="ctl00$MainContent$text1" type="text" size="40" id="ctl00_MainContent_text1" /&gt; &lt;a id="ctl00_MainContent_NewButton1" class="Button" onclick="__doPostBack('ctl00$MainContent$NewButton1','')"&gt;&lt;span&gt;&lt;span&gt;Test&lt;/span&gt;&lt;/span&gt;&lt;/a&gt; &lt;input type="button" name="ctl00$MainContent$OldButton1" value="Test" onclick="javascript:__doPostBack('ctl00$MainContent$OldButton1','')" id="ctl00_MainContent_OldButton1" /&gt; &lt;/div&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRichard
    1. USRichard
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUsing custom WebControl as DefaultButton for Panel
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POUsing custom WebControl as DefaultButton for Panel
      1. USKP.
      1. VTFavorite
    3. VO
      singulars
      1. POUsing custom WebControl as DefaultButton for Panel
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI'll be very interested to see the answer to this problem. I experienced it myself and was too impatient to take it this far. I ended up creating a JavaScript to catch the enter key in the field and submit the button.
      singulars
      1. POUsing custom WebControl as DefaultButton for Panel
      1. USJoel Etherton
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload