Get Direct HTML string for Server Side Control - Useful for Ajax Operations

Share |

How to get rendered HTML of any control for Ajax operations?
In ajax on client, what exactly we do is the simple manipulation of strings. Mainly we can use HTML strings and put it as innerHTML in desired tag (i.e. div,span,td, etc…).
Assume following sequence of operations
1. Send an Ajax request from client to server.
2. On server side we are binding data table to grid
3. Convert the grid into HTML string and send it back to client side.
4. On client side put that string as an innerHTML of desired tag.

Now to convert grid into HTML is a logical thing to develop, but in ASP.NET following code will generate HTML string of any control… This is a simple rendering of any control…
We will use one of the best feature of Asp.Net i.e. RenderControl.
Using this property of control we are able to get HTML of that control., but for this we will have to use HtmlTextWriter and StringWriter as follows

e.g.


<br /> _grid.DataSource = _sampleData;<br /> _grid.DataBind();<br /> <br /> using (StringWriter sw = new StringWriter())<br /> {<br /> HtmlTextWriter htw = new HtmlTextWriter(sw);<br /> _grid.RenderControl(htw);<br /> htw.Flush();<br /> string result = sw.ToString();<br /> }<br />

Here result will contain HTML format of the grid control. We will convert grid control to HTML after binding the data.