Add asp.net LinkButton to a Literal using c#

Question

I want to add some asp.net linkbutton controls to a literal on a c# web form application like code below:

StringBuilder sb = new StringBuilder("<ul>");
sb.Append("<li>");
sb.AppendFormat("<asp:LinkButton runat='server' class='add-row' ID='BtnAdd' OnClick='BtnAdd_Click' CommandArgument='test'>{0}</asp:LinkButton>", "Text on the link");
sb.Append("</li></ul>");
this.Literal.Text = sb.ToString();`

and also i want to fire event of click and get CommandArgument's value of that.

private void BtnAdd_Click(object sender, EventArgs e)
{
   //get the value of CommandArgument
}

I tried these and the linkbutton added to the literal successfully. but the linkbutton didn't convert to <a> tag and i found that with the firebug like this and no any events couldn't fire:

I want make a tree with leafs as linkbuttons using <ul><li> tags overall. It would be very helpful if someone could explain solution for this problem.

Server-side control cannot be added as a text, or a child, of Literal control. Whatever you add to Literal control is treated as literal string, that is why it is called Literal. You need to find alternative way to do whatever you want to do — Andrei, Oct 24 '16 at 10:17

score 2 · Answer 1 · answered Oct 24 '16 at 11:52

The correct approach here is via the WebControl api and not from the template. Your approach may work for HTML content only. What you need to do is handle a page lifecycle event like OnInit, get a reference to your container control (this.MyPanel), and dynamically add items to that control's children property (this.MyPanel.Children.Add(new....))

The suggested Repeater solution is not suited for tree structure data sources, works for a list though...

score 1 · Accepted Answer · answered Oct 24 '16 at 10:23

As suggested by Andrei using linkbuttons in this way will not work.

I have used a similar solution in the past by creating a query parameter for each a tag in the literal and redirecting to either the current page or a different page and extracting the query parameter from there.

I would however advise you to first try and see if there is not a different way to accomplish what you are trying to do as the literal solution ends up very cluttered and code heavy.

score 1 · Answer 3 · answered Oct 24 '16 at 10:23

I think a Repeater would better suit your purpose.

<ul>
    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
            <li><asp:LinkButton ID="BtnAdd" runat="server" CssClass="add-row" OnClick="BtnAdd_Click">Text on the link</asp:LinkButton></li>
        </ItemTemplate>
    </asp:Repeater>
</ul>

And if you want to use CommandArgument you need an OnCommand, not a OnClick

<asp:LinkButton ID="BtnAdd" runat="server" CssClass="add-row" OnCommand="BtnAdd_Command" CommandArgument='<%# Eval("value") %>'>

protected void BtnAdd_Command(object sender, CommandEventArgs e)
{
     string commandArgument = e.CommandArgument.ToString();
}

score 1 · Answer 4 · edited May 23 '17 at 12:01

1

If you have single <asp:LinkButton ..> then you can set it's property at run time.
Like

BtnAdd.Id="";

or if you multiple then you can use AddControl method below is link

How to add controls dynamically when click button in asp.net?
How to add controls dynamically to ASP.NET form?

edited May 23 '17 at 12:01

Community

1
1

answered Oct 24 '16 at 11:34

शेखर

17,412
13
61
117

score -1 · Answer 5 · edited May 06 '21 at 11:12

If you have to use asp: LinkButton just for one time then do it in this way.

<asp:Literal runat="server" ID="DocLink"></asp:Literal>

<asp:LinkButton runat="server" ID="LinkButton1" OnCommand='LinkButton1_Click'></asp:LinkButton>

and in .cs file

LinkButton1.Text = CurrentListItemAbsoluteUrl;

LinkButton1.CommandArgument = CurrentListItemAbsoluteUrl;

public void LinkButton1_Click(Object sender, CommandEventArgs e)
{
    e. CommandEventArgs //To get your parameter

Add asp.net LinkButton to a Literal using c#

5 Answers5