ansaurus

Question

Answer 1

+1 A:

Perhaps create a class to better organize your image data, and then read from it when outputting your markup, e.g.

class MyImage
{
   public string Name {get; set;}
   public string Url {get; set;}
   public List<string> OtherInfo {get; set;}
}

...

public List<MyImage> MyImages = new List<MyImage>();

...

var img = new MyImage {"Name","http://www.example.com"});
img.OtherInfo.Add("Info1");
img.OtherInfo.Add("Info2");
img.OtherInfo.Add("Info3");

string html = "";
foreach(var image in MyImages)
{
   // Access image data and write it out. etc.
   html+= String.Format("<div>{1}{2}</div>",image.Name, image.Url);
   foreach(var info in image.OtherInfo)
   {
      html+= "<div>" + info + "</div";
   }
}

// Write out your code to a literal, placeholder, etc.
MyLiteralControl.Text = html;

You could also achieve writing out the data by first creating your data on the backend, and then simply looping through your list in the actual markup before the page is rendered, e.g.

<html><head></head><body>

   <div>My Images</div>
   <% foreach(var image in MyImages) { %>
      <div><%=image.Name%></div> <!-- format your markup here -->
   <% } %>
   </body>

</html>

Organizing your data outside of a simple 1-dimensional array will prove to be much more useful in maintaining and debugging your architecture. You can also create business objects to be used across your development, so your code is much more useful and you spend less time rewriting helper objects if the need ever arises to accomplish the same or variant of your logic.

George 2010-10-26 15:17:44

I like this idea a lot, better structure is what I need however what is the best approach for the write out?

Mikael 2010-10-26 15:27:21

Answer 2

A:

Here is some rough pseudo code to try and explain:

class ImageInfo
{
  string image_name;
  string image_url;
  //leavign out other_info since you don't say you are going to use it
}

List<ImageInfo> myImages = new List<ImageInfo>();
//load list

//Bind to listView
lv_Images.DataSource = myImages;
lv_Images.DataBind();

Pseudo code for your ListView

<listView>
  <itemTemplate>
    <div> <asp:Label text='<%# Bind("image_name") %>' /><br/><img src='<%# Bind("image_url") %>' />
.
.
.
.

Let me know if anything is confusing...

Abe Miessler 2010-10-26 15:22:23

Answer 3

A:

What about making a repeater (on the html side) and linking it with your images as the datasource.

<asp:repeater id="test" runat="server">
    <ItemTemplate><img .... /></ItemTemplate>
</asp:repeater>

class MyImage { public string Name {get; set;} public string Url {get; set;}}

list<MyImage> allImages = SomefunctionToRetrieveImages
test.datasource = allImages
test.databind

Lareau 2010-10-26 15:26:57

ansaurus

tags:

views:

answers:

Best way to generate an image list

related questions