Modify html output at server side in ASP.NET

Question

A third-party's webcontrol generates the following code to display itself:

<div id="uwg">
    <input type="checkbox" />
    <div>blah-blah-blah</div>
    <input type="checkbox" />
</div>

Is it possible to change it to

<div id="uwg">
    <input type="checkbox" disabled checked />
    <div>blah-blah-blah</div>
    <input type="checkbox" disabled checked />
</div>

When we click on

<asp:CheckBox id="chk_CheckAll" runat="server" AutoPostBack="true" />

located on the same page?

We need to do it at server side (in ASP.NET).

That third-party's control does not give interface for this, so the only possibility is to work with html output. Which page event should I handle (if any)? Also, is there some equivalent to DOM model, or I need to work with output as string?

Community · Accepted Answer · 2017-05-23 11:58:45Z

20

When checkboxes are not run at server or are encapsulated inside the control, we can use the following method:

protected override void Render(HtmlTextWriter writer)
{
    // setup a TextWriter to capture the markup
    TextWriter tw = new StringWriter();
    HtmlTextWriter htw = new HtmlTextWriter(tw);

    // render the markup into our surrogate TextWriter
    base.Render(htw);

    // get the captured markup as a string
    string pageSource = tw.ToString();

    string enabledUnchecked = "<input type=\"checkbox\" />";
    string disabledChecked = "<input type=\"checkbox\" disabled checked />";

    // TODO: need replacing ONLY inside a div with id="uwg"
    string updatedPageSource = pageSource;
    if (chk_CheckAll.Checked)
    {
         updatedPageSource = Regex.Replace(pageSource, enabledUnchecked,
                disabledChecked, RegexOptions.IgnoreCase);
    }

    // render the markup into the output stream verbatim
    writer.Write(updatedPageSource);
}

Solution is taken from here.

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered May 19, 2009 at 20:45

Roma

7652 gold badges9 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Roma Over a year ago

This is method either for my page or for webcontrol, inherited from that third-party's control.

Jrud Over a year ago

This solution works very well in my User Control as it only rewrites the output for the individual control you're in. For those who can't figure out what he's doing, this function overrides the form's (or in my case control's) default Render function and replaces some of the HTML in it with different HTML.

Tom Ritter · Accepted Answer · 2009-05-19 17:03:38Z

5

Inherit it and find the controls in the control tree, and set attributes as appropriate.

 protected override void OnPreRender(EventArgs e)
 {
      base.OnPreRender(e);
      (this.Controls[6] as CheckBox).Disabled = true;
 }

Obviously this is fragile if the control will modify its output depending on other properties, or if you upgrade the library; but if you need a workaround, this will work.

answered May 19, 2009 at 17:03

Tom Ritter

102k32 gold badges143 silver badges174 bronze badges

5 Comments

Roma Over a year ago

Great! And, I think, I can get the first div by its id (it has id, although I didn't show it), and find its child elements by type in the way similar to shown above?

Tom Ritter Over a year ago

Yes, you can use FindControl("id")

Roma Over a year ago

Thank you. And can I just implement Page.OnPreRender(EventArgs e) for my current page, without inheriting?

Tom Ritter Over a year ago

You could, but that would only affect the control on that page, not other places you want to use it.

Roma Over a year ago

Tested. Doesn't work, because checkboxes are not run at server. (They do not exist in collection of child controls.)

Collectives™ on Stack Overflow

Modify html output at server side in ASP.NET

2 Answers 2

2 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related