2011-07-23 59 views
1

我已經在Photoshop中設計了一個樣圖設計,如下http://i53.tinypic.com/1z5qdeq.jpg,我打算將它「應用」到我的電子商務網站的ListView控件中。我一直在閱讀有關ListView的模板文檔,但不知道應該從哪裏開始。我想實現的部分是設計本身(框和2個按鈕)到我的ListView控件中。ASP.net ListView控件模板

回答

0

我不認爲你需要創建模板。 ListView允許您爲佈局和項目創建自定義模板,您可以通過編程方式創建這些模板,但這對於此不必要。我假設你有一個你在示例中展示的產品的重複模型。只需使用常規列表視圖如下。

我會在這裏再次解釋它,但我認爲這link正確地解釋你需要什麼。讓我知道如果不是這樣的話。

+0

嗨編碼器網,當你提到的重複模式,你這是什麼意思呢? – aurelio

+0

列表視圖基本上爲數據源中的所有項目重複相同的項目佈局。假設你的列表中有10個產品要顯示,並且你爲項目模板中的每個項目指定了html,它將爲所有10個產品重複相同的html佈局(在你的案例中,圖像,添加到購物車按鈕等)。 –

+0

哦,對,我相信我有一個重複的模型,但我如何將添加到購物車按鈕位插入編碼? – aurelio

3

我希望這會做你想要的東西;

  • aspx頁面

sorry couldnt write code here 上 - 在CS

public partial class WebForm1 : System.Web.UI.Page 
{ 
    protected void Page_Load(object sender, EventArgs e) 
    { 
     List<Item> list = new List<Item>(); 
     list.Add(new Item() { ImageURL = "~/sample.jpg", Title = "samsung galaxy" }); 
     list.Add(new Item() { ImageURL = "~/sample.jpg", Title = "ipad" }); 
     list.Add(new Item() { ImageURL = "~/sample.jpg", Title = "xoom" }); 
     ListView1.DataSource = list; 
     ListView1.DataBind(); 
    } 
} 

public class Item 
{ 
    public string ImageURL { get; set; } 
    public string Title { get; set; } 
}