Overridden button control escaping content. How to stop it?

Question

Hi,

I've got an ASP.Net button control that I have overridden to provide different functionality. the code looks as follows.. I'm overriding the Render method to surround the control with an <a>...

    /// <summary>
    /// Render Method
    /// </summary>
    /// <param name="writer"></param>
    protected override void Render(HtmlTextWriter writer)
    {
        base.CssClass = "euva-button-decorated";
        writer.Write("<a class=\"euva-button\">");
        base.Render(writer);
        writer.Write("</a>");
    } 

When I check the generated source on the page, I find that where ASP.Net has injected its click handler it does the following...

 <a class="euva-button"><input type="submit" name="TestButton" value="Test Button" onclick="clickOnce(this);WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;TestButton&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="TestButton" class="euva-button-decorated" /></a>

... it seems to be escaping the output for the double quotes which means that the browser cannot understand the javascript.

How do I make the render method not escape the injected ASP.Net client click handler ??

Note I also have my own client click handler which is declared declaratively in the page mark-up.

Answer 1

weird. I've done something similar to you and it always works fine. Try this:

public override void RenderControl(HtmlTextWriter writer)
{
    CssClass = "euva-button-decorated";
    //give the 'a' a class
    writer.AddAttribute(HtmlTextWriterAttribute.Class, "euva-button");
    //open 'a'
    writer.RenderBeginTag(HtmlTextWriterTag.A);
    //render the button
    base.RenderControl(writer);
    //close a
    writer.RenderEndTag();
}