使用C＃創建html

使用滾動圖片滑塊並需要在頁面上的特定div中動態創建超鏈接和div，以便我可以使用JQuery來控制它。使用C＃創建html

<div id="scroller"><!-- here is where I want the html to be created and what needs to be created --><a href="#" class="scrollimage"><img src="images/image10.jpg"/> </a></div>

我已經創建了聚集在目錄中的文件的數量和可循環的次數添加的文件，但不知道如何放置HTML的特定DIV的數組。

來源

2010-09-27 Roll12

你實際工作的一個ASP .NET網站在這裏？或者你是否真的有一個HTML頁面和一些Javascript代碼，並且正在開始着手編寫一些服務器端代碼？ – Carson63000 2010-09-28 01:11:42

這是一個asp.net網站，並在那裏的主頁上創建一個圖像滾動。我建立了頁面，我有圖像滾動/ JQuery的工作，但需要動態添加包含在網站服務器上的目錄中的超鏈接和圖像。對於每個圖像，我需要在

中添加超鏈接標記和圖像標記。這不是我第一次寫服務器端代碼，但我只是沒有接受過事情的相關培訓，也沒有接受過不同情況下使用的最佳語言。 – Roll12 2010-09-28 17:07:59

理想情況下，您不希望使用C＃來生成HTML。

由於您使用.NET，我假設您使用ASP.NET Web窗體和ASP.NET MVC。

對於Web窗體，您應該使用像Repeater和databind這樣的服務器控件來處理文件數組。

對於MVC，將數據作爲視圖模型或其一部分返回。

如果你對生成的C＃HTML死心塌地，看看Html32TextWriter

編輯：這裏有一個辦法做到這一點在ASP.NET的WebForms。請注意，這不是一個完整的例子，它只是讓你在正確的軌道上a。

代碼背後：

protected void Page_Load(object sender, EventArgs e) 
{ 
    scrollerRepeater.ItemDataBound += BindScrollerItem; 

    var files = Directory.GetFiles("*.jpg").Select(filename=>new FileInfo(filename)); 
    scrollerRepeater.DataSource = files; 
    scrollerRepeater.DataBind(); 
} 

private void BindScrollerItem(object sender, RepeaterItemEventArgs e) 
{ 
    ListItemType type = e.Item.ItemType; 
    if(type != ListItemType.Item && type!=ListItemType.AlternatingItem) 
    { 
     return; 
    } 

    var file = e.Item.DataItem as FileInfo; 
    if(file == null) 
     return; 

    var image = e.Item.FindControl("scrollerImage") as HtmlImage; 
    if (image == null) 
     return; 

    image.Src = 
}

ASPX

<div id="scroller"> 
<!-- here is where I want the html to be created and what needs to be created 
<a href="#" class="scrollimage"><img src="images/image10.jpg"/> </a> 
--> 
<asp:Repeater ID="scrollerRepeater" runat="server"> 
    <ItemTemplate> 
     <a href="#" class="scrollimage"><img alt="" runat="server" id="scrollerImage"/> 
    </ItemTemplate> 
</asp:Repeater> 
</div>

來源

2010-09-27 23:24:12

在我的情況下，確定服務器上目錄中圖像數量的最佳做法是什麼，然後將它們放入由超鏈接標記包裹的特定div

？如果這不是C＃是Java嗎？或另一種語言？最後，我使用Jquery將運動動作應用於圖像。 – Roll12 2010-09-27 23:52:44

有一些方法可以讓那隻貓，Roll12皮膚。你能給我們一些關於你的環境的更多信息嗎？我們知道你在服務器上使用C＃。你在使用ASP.NET Web表單嗎？ – 2010-09-28 02:30:05

它內置到一個asp.net頁面.aspx中，實際上是masterpage的一部分。它不是人們輸入信息的表單，而是從圖像目錄中加載圖像然後與JQuery交互的頁面部分。問題是我需要它去目錄，看看有多少圖像在那裏，然後創建HTML，所以我可以讓JQuery動畫。 – Roll12 2010-09-28 17:07:19

您可以使用XSL我在HTML做了一些報告與XSL，這裏的example

來源

2010-09-28 00:08:03 tttony

使用C＃創建html

回答

相關問題