access to image button in cs

[zinat]

Hi,
I'm sorry about my English.

I have this code in cs:

foreach (System.Data.DataRow oDataRow in oDataTable.Rows)
{
 
  litContent.Text = litContent.Text +
    string.Format("<div>"
    + "<div class=" + "\"top\"" + ">"
    + " <div class=\"comm_info\">"
    + "<div class=\"comm_info_Title\">{0}</div>"
    + "<div class=\"LikeDislike\">"
    + "<div class=\"Count\">24</div>"
    + "<div class=\"imgbutton\">"
    + "<asp:imagebutton src=\"../Image/Like.png\" runat="\""server\" id=\"lnkLike\" onclick=\"lnkLike_OnClick\"/></div>"
    + "<div class=\"imgbutton\">"
    + "<asp:linkbutton id=\"lnkDislike\" runat="\""server\" cssclass=\"DislikeButton\" ></asp:linkbutton></div>"
    + "<div class=\"Count\">34</div></div>"
    + "<div class=\"fr_imgR\"></div>"
    + "<div class=\"comm_info_content\">"
    + "<div class=\"comm_info_name\">{0}</div>"
    + "<span class=\"comm_sep\">|</span>"
    + "<div class=\"comm_info_date\">{1}</div>"
    + "</div><div class=\"fr_imgL\"></div></div>"
    + "</p></div>"
    + "<div class=" + "\"mid\"" + ">"
    + "<div class=" + "\"in\"" + ">"
    + "<div class=" + "\"body\"" + " style=" + "\"margin-bottom: 5px;\"" + ">"
    + "{2}"
    + "</div>"
    + "</div>"
    + "</div>"
    + "<div class=" + "\"bottom\"" + ">"
    + "</div>"
    + "</div>", oDataRow["Title"].ToString(), System.Convert.ToDateTime(oDataRow["updatetime"]), oDataRow["Body"].ToString());
}

But in the run time <asp:imagebutton.../> and <asp:linkbutton.../> don't work and it isn't seen and I can't click on it to run click function.

Please help me.

Thanks.

[Frinavale]

You cannot declare an ASP.NET control from within a String that you are applying to a Literal control on your page.

If you want to display data that you've retrieved from your database you need to use something like a Repeater, or GridView or something that can display this data.

These controls will bind to the underlying data source (that you've retrieved from your database) and will display the data in a way that you specify using a Template.

For example, in the following code I have a repeater defined in my ASP code for the page.

Notice how I have defined a template for how the data is going to be displayed for each row...notice how I have put your image button and link button into this template:

    <asp:Repeater ID="BookListing" runat="server">
        <ItemTemplate>
            <div class="top">
                <div class="comm_info">
                    <div class="comm_info_Title">
                        <%# DataBinder.Eval(Container.DataItem, "Title")%>
                    </div>
                    <div class="LikeDislike">
                        <div class="Count">
                            24
                        </div>
                        <div class="imgbutton">
                            <asp:ImageButton runat="server" ID="lnkLike" OnClick="lnkLike_OnClick" AlternateText="Like" />
                        </div>
                        <div class="Count">
                            34
                        </div>
                        <div class="imgbutton">
                            <asp:LinkButton ID="lnkDislike" runat="server" CssClass="DislikeButton" Text="Dislike"> </asp:LinkButton>
                        </div>
                    </div>
                    <div class="fr_imgR">
                    </div>
                    <div class="comm_info_content">
                        <div class="comm_info_name">
                            <%# DataBinder.Eval(Container.DataItem, "Title")%>
                        </div>
                        <span class="comm_sep">|</span>
                        <div class="comm_info_date">
                            <%# DataBinder.Eval(Container.DataItem, "updatetime")%>
                        </div>
                    </div>
                    <div class="fr_imgL">
                    </div>
                </div>
            </div>
            <div class="mid">
                <div class="in">
                    <div class="body" style="margin-bottom: 5px;">
                        <%# DataBinder.Eval(Container.DataItem, "Body")%>
                    </div>
                </div>
            </div>
            <div class="bottom">
            </div>
        </ItemTemplate>
    </asp:Repeater>

I am binding to the data in the DataTable using the <%#...%> syntax.

In my C# code I am simply setting the DataSource property of the Repeater to the data set containing the table which has the data to display in it. I then call the DataBind event in the Page PreRender event (because if you call it in the PagePreLoad event then you could possibly loose any event information about the Repeater)

Here is my C# code...in the method that creates the table you would call your database (I just don't have a database to call...)

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        private System.Data.DataSet oDataSet;
        private System.Data.DataTable oDataTable;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Session["oDataSet"] != null)
            {
                oDataSet = (System.Data.DataSet)Session["oDataSet"];
            }
            else
            {
                createDataTable();
                Session["oDataSet"] = oDataSet;
            }
 
        }
 
        protected void lnkLike_OnClick(object sender, ImageClickEventArgs e)
        {
            //throw new NotImplementedException();
        }
 
        protected void lnkDislike(object sender, EventArgs e)
        {
            //throw new NotImplementedException();
        }
        void Page_PreRender(object sender, EventArgs e)
        {
            BookListing.DataSource = oDataSet;
            BookListing.DataBind();
        }
 
        private void createDataTable()
        {
            oDataSet = new System.Data.DataSet();
            oDataTable = new System.Data.DataTable();
            oDataTable.Columns.Add("Title", typeof(string));
            oDataTable.Columns.Add("Body", typeof(string));
            oDataTable.Columns.Add("updatetime", typeof(DateTime));
 
 
            for (int i = 0; i < 10; i++)
            {
                System.Data.DataRow oDataRow = oDataTable.NewRow();
                string title = String.Format("{0}{1}", "Title", i);
                string body = string.Format("{0}{1}. {2}", "This is the body content for title ", i, "Lorem ipsum dolor sit amet, pede amet, tincidunt in nonummy scelerisque. Elementum nulla interdum ipsum erat lobortis mi. Gravida ut eu, non dolor vivamus velit eget sed lobortis, eu quis aenean pellentesque. Mi eleifend, potenti nec tempus nam a, donec congue convallis quisque aliquet nulla, integer nulla torquent fringilla. Cras maecenas fringilla in, viverra purus nulla massa maecenas tempor vitae, integer natoque aptent ut, quis vestibulum tincidunt lacinia per a, ante lorem odio rhoncus. Luctus rhoncus ligula a imperdiet. Eu nibh urna gravida tristique eleifend cras, aute class orci eros pede pharetra, amet phasellus bibendum dictum sollicitudin euismod magna, sodales dis. Turpis a ante nisl at dolor, feugiat iaculis at eu posuere ac imperdiet, gravida fringilla ante sed mollis, vestibulum aliquet quis at mauris molestie quis.");
                DateTime updatetime = DateTime.Now;
                oDataRow[0] = title;
                oDataRow[1] = body;
                oDataRow[2] = updatetime;
                oDataTable.Rows.Add(oDataRow);
            }
 
            oDataSet.Tables.Add(oDataTable);
 
        }
    }
}

I have attached a fully working solution (created in Visual Studio 2010) for you to download and play with if you want to.

The following is whole ASP code for the page that I used in case you can't download the project:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Repeater Example</title>
    <style type="text/css">
        body
        {
            color: #696969;
            font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" ,Arial,Helvetica,Verdana,sans-serif;
            font-size: 0.8em;
        }
        .Count, .imgbutton, .comm_info_name, .comm_sep, .comm_info_date, .comm_info_Title, .comm_info_content
        {
            float: left;
            margin: .5em;
        }
        .comm_info_content
        {
            margin: 0;
        }
        .mid, .bottom, .fr_imgL
        {
            clear: both;
            width: 100%;
        }
        .in
        {
            display: block;
            padding: .5em;
            border: 1px solid #cccccc;
            width: 50%;
            margin: 0px,auto,0px,auto;
        }
        a:link, a:visited
        {
            color: #034AF3;
        }
        .header
        {
            background: none repeat scroll 0 0 #4B6C9E;
            margin: 0;
            padding: 0;
            width: 100%;
        }
        .header h1
        {
            border: medium none;
            color: #F9F9F9;
            font-size: 2em;
            font-weight: 700;
            line-height: 2em;
            margin: 0 auto;
            padding: 0 0 0 20px;
            text-align: center;
            width: 100%;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div class="header">
            <h1>
                Demonstrating Repeaters in ASP.NET
            </h1>
        </div>
        <asp:Repeater ID="BookListing" runat="server">
            <ItemTemplate>
                <div class="top">
                    <div class="comm_info">
                        <div class="comm_info_Title">
                            <%# DataBinder.Eval(Container.DataItem, "Title")%>
                        </div>
                        <div class="LikeDislike">
                            <div class="Count">
                                24
                            </div>
                            <div class="imgbutton">
                                <asp:ImageButton runat="server" ID="lnkLike" OnClick="lnkLike_OnClick" AlternateText="Like" />
                            </div>
                            <div class="Count">
                                34
                            </div>
                            <div class="imgbutton">
                                <asp:LinkButton ID="lnkDislike" runat="server" CssClass="DislikeButton" Text="Dislike"> </asp:LinkButton>
                            </div>
                        </div>
                        <div class="fr_imgR">
                        </div>
                        <div class="comm_info_content">
                            <div class="comm_info_name">
                                <%# DataBinder.Eval(Container.DataItem, "Title")%>
                            </div>
                            <span class="comm_sep">|</span>
                            <div class="comm_info_date">
                                <%# DataBinder.Eval(Container.DataItem, "updatetime")%>
                            </div>
                        </div>
                        <div class="fr_imgL">
                        </div>
                    </div>
                </div>
                <div class="mid">
                    <div class="in">
                        <div class="body" style="margin-bottom: 5px;">
                            <%# DataBinder.Eval(Container.DataItem, "Body")%>
                        </div>
                    </div>
                </div>
                <div class="bottom">
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>
</html>

-Frinny