dynamic html code through cs code (c#)

Question

I am trying to make a dynamic html code through the cs code by using src from a dataset. (every item in the dataset is a src of another picture).It's the first time i am trying to do something like this and it doesn't work, any tips would be helpful :)

html code:

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

cs (c#) code:

    DataSet ds = new DataSet();
    ds = DAL.GetBestPics();
    imageGallery.Mode = LiteralMode.Encode;
    string divStart = @"<div class='more-products-holder'><ul>";
    imageGallery.Text += divStart;

    foreach (DataRow item in ds.Tables[0].Rows)
    {
        string imageHTML = @"<li><a>
                       <img src='";
        string mid = @"" + item.ToString();
        string imageHTML2 = @"' /></a></li>";
        imageGallery.Text += imageHTML;
        imageGallery.Text += mid;
        imageGallery.Text += imageHTML2;

    }
    string divEnd = @"</ul></div>";
    imageGallery.Text += divEnd;

    this.Controls.Add(imageGallery);

First, thanks for the fast comments.Nope, only "bad picture" like the source isn't good or something like that — user2122746
– user2122746, Commented Apr 2, 2013 at 10:20
I guess the path returned by item.ToString() is not correct. Open the output html and try to browse to the path mention in the img SRC attribute. — Amit Rai Sharma
– Amit Rai Sharma, Commented Apr 2, 2013 at 10:35

Kelmen · Accepted Answer · 2013-04-02 10:35:41Z

1

foreach (DataRow item in ds.Tables[0].Rows)
{
    ...
    string mid = @"" + item.ToString();

item is DataRow object. you are suppose to refer to one of the field/column, like:

item["FieldName"].ToString();

answered Apr 2, 2013 at 10:35

Kelmen

1,0631 gold badge11 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pandian · Accepted Answer · 2013-04-02 10:43:44Z

1

In your code you assign the DataRoW as image Source not DataRow Value..

string mid = @"" + item.ToString(); 

item.ToString() - > is a DataRow Not a DataRow Value

its output was like this <img src='System.Data.DataRow' />

you need to change that like below

item["imageSrc"].ToString() - > it returns DataRow Value

you must assign a field name to that like below

string mid = @"" + item["ImageSRC"].ToString();

its output was like this <img src='sam.jpg' />

edited Apr 2, 2013 at 10:43

answered Apr 2, 2013 at 10:36

Pandian

9,1562 gold badges26 silver badges34 bronze badges

Comments

chamara · Accepted Answer · 2013-04-02 10:51:16Z

0

What about using stringbuilder class

 StringBuilder sb = new StringBuilder();
        sb.Append("<div class='more-products-holder'><ul>");
        foreach (DataRow item in ds.Tables[0].Rows)
        {
            sb.Append("<li><a><img src='" + item.ToString() + "'");
            sb.Append("' /></a></li>");

        }

       sb.Append("</ul></div>");
       imageGallery.Text = sb.ToString();

answered Apr 2, 2013 at 10:51

chamara

12.7k34 gold badges141 silver badges217 bronze badges

Collectives™ on Stack Overflow

dynamic html code through cs code (c#)

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related