Question

I am trying to render out the following JSON in an attribute on a TableRow:

{"key": "value"}

The complete output should look like this:

<tr data-json='{"key": "value"}'> ... </tr>

However, if I do:

var tr = new TableRow();

tr.Attributes.Add("data-json", "{\"key\": \"value\"}");

… The double quotes get serialized:

<tr data-json="{&#34;key&#34;: &#34;value&#34;}"> ... </tr>

The only solution I’ve come up with is to extend the TableRow control and render out attributes manually. If this is the case; could you guys suggest an implementation?

Answer 1

I ended up creating my own TableRow class:

public class TableRowAttributeFix : TableRow
{
    private StringBuilder AttributesOutput = new StringBuilder();


    protected override void Render(HtmlTextWriter writer)
    {
        foreach (String _attributeKey in Attributes.Keys)
        {
            var _attributeValue = Attributes[_attributeKey];

            if (_attributeValue.Contains("\""))
            {
                AttributesOutput.Append(String.Format(" {0}='{1}' ", _attributeKey, _attributeValue));
            }
            else
            {
                AttributesOutput.Append(String.Format(" {0}=\"{1}\" ", _attributeKey, _attributeValue));
            }
        }


        writer.Write("<tr id=\"" + ClientID + "\" " + AttributesOutput + " class=\"" + CssClass + "\" >");

        RenderContents(writer);

        writer.Write("</tr>");
    }
}