从InnerHtml添加链接按钮

Question

I have a list item where it shows a tab and a link button:

<li runat="server" id="liActivityInvoices"><a href="#tabActivityInvoices">Invoices</a><asp:LinkButton runat="server" ID="btnLoadInvoice" OnClick="btnInvoiceActivity_Click"  CssClass="btnListSmall" Width="90px"></asp:LinkButton></li>

In the code behind it searches for invoices and gets the total revenue. This then updates the list item to show the currency and revenue in the tab:

liActivityInvoices.InnerHtml = "<a href=\"#tabActivityInvoices\">Invoices (" + Company.Current.DefaultCurrency + ": " + Convert.ToDecimal(ds.Tables[1].Rows[0]["TotalRev"]) + ")</a> <asp:LinkButton runat=\"server\" ID=\"btnLoadInvoice\" OnClick=\"btnInvoiceActivity_Click\"  CssClass=\"btnListSmall\" Width=\"90px\"></asp:LinkButton>";

The a href part is showing but the link button disappears. How can I show the link button using the InnerHtml?

Answer 1

LinkButton is a server control. You can't create server controls using inner html. You will have to instead add the control as a child control to liActivityInvoices.

var anchor = new LiteralControl("<a href=\"#tabActivityInvoices\">Invoices (" + Company.Current.DefaultCurrency + ": " + Convert.ToDecimal(ds.Tables[1].Rows[0]["TotalRev"]) + ")</a>");
var lnkButton = new LinkButton
{
    ID = "btnLoadInvoice",
    CssClass = "btnListSmall",
    Width = new Unit("90px")
};
lnkButton.Click += btnInvoiceActivity_Click;
liActivityInvoices.Controls.Add(anchor);
liActivityInvoices.Controls.Add(lnkButton);

Answer 2

innerHTML is a DOM element's property and hence case sensitive. Modify your code as liActivityInvoices.innerHTML = ...

Answer 3

You can't add ASP.NET server controls as string literals.

Use PlaceHolder to add the dynamic server control or use add the control as a child control to liActivityInvoices or you can create DivIndirizzo