Создание литерала для каждого элемента в коллекции предметов

Question

Поскольку он стоит прямо сейчас, у меня есть буквальный контроль на моей странице. В моем коде, я использую StringBuilder для генерации некоторого JavaScript. Также на этой странице у меня есть коллекция предметов. Я хочу сделать это для каждого элемента в моей коллекции элементов, генерировать мой литерал, который по сути будет генерировать мой JavaScript. Вот пример моего кода. Я в порядке с чем-то другим, но мне просто нужно сгенерировать указанный JavaScript для каждого элемента в коллекции, и я не уверен, как это сделать.

System.Text.StringBuilder sb = new System.Text.StringBuilder(); 
sb.Append("<script type='text/javascript'>"); 
sb.Append("mboxCreate(\"product_productpage_rec\","); 
sb.Append("\"entity.id=" + _prodID + "\","); 
sb.Append("\"entity.categoryId=" + _categoryID + "\","); 
sb.Append("\"entity.name=" + _prod.Title + "\","); 
sb.Append("\"entity.pageURL=" + Request.Url.ToString() + "\","); 
//The following value has been taken from the productImageControl code behind. 
//Might have to refactor in future as a property of the image control. 
string filename = AppSettingsManager.Current.ProductImagePathLarge + _prod.ActiveProductItemCollection[0].Sku + AppSettingsManager.Current.ProductImageExtension; 
sb.Append("\"entity.thumbnailURL=" + filename + "\","); 
sb.Append("\"entity.inventory=" + _prod.ActiveProductItemCollection.Count + "\","); 
sb.Append("\"entity.value=" + _prod.ActiveProductItemCollection[0].ActualPrice + "\","); 
sb.Append("\"entity.ProductItemID=" + prodItem.Id + "\","); 
sb.Append("\"entity.addToCartImg=~/Images/Buttons/btn_AddToCartFlat.gif\");<"); 
//The last line has to be /script. < inserted on prev line. do not change it or bad things will happen.    
sb.Append("/script>"); 
//add script to page 
this.LiteralMBoxScript.Text = sb.ToString(); 

Answer 1

Что вы хотите сделать что-то вроде этого: (это не фактический рабочий код)

StringBuilder sb = new StringBuilder(""); 
foreach(item in collection) 
{ 
    sb.Append("<script type=\"text/javascript\">"); 
    //do your javascript stuff here 
    sb.Append("</script>"); 
} 

literal.Text = sb.ToString(); 

Answer 2

Вы должны сериализации коллекцию JSON с использованием JavaScriptSerializer. Использование LiteralControl и StringBuilder для создания Javascript пахнет ...

Answer 3

Я понимаю, что @jimplode предложил оборачивать вокруг с foreach, и это хорошее предложение. Я собираюсь решить другую часть проблемы.

Injecting Client-Side Script from an ASP.NET Server Control

и попробовать этот блок на для читаемости: (обратите внимание, что нет Добавление данных, потому что это не создает строку и последовательно добавляя к нему так, что мое понимание того, что это работает, а также StringBuilder.Append()

.

string myScript = @" 
<script type='text/javascript'> 
    mboxCreate(
     'product_productpage_rec', 
     'entity.id=" + _prodID + @"', 
     'entity.categoryId=" + _categoryID + @"', 
     'entity.name=" + _prod.Title + @"', 
     'entity.pageURL=" + Request.Url.ToString() + @"', 
     'entity.thumbnailURL=" + filename + @"', 
     'entity.inventory=" + _prod.ActiveProductItemCollection.Count + @"', 
     'entity.value=" + _prod.ActiveProductItemCollection[0].ActualPrice + @"', 
     'entity.ProductItemID=" + prodItem.Id + @"', 
     'entity.addToCartImg=~/Images/Buttons/btn_AddToCartFlat.gif' 
    ); 
</script>" 

Answer 4

Я думаю, что вы не должны делать это в коде позади, так как это чисто клиентский код на стороне, вы должны сделать это на странице ASPX с помощью тегов сервера

Я symplifying вашего примера но идея есть:

Предполагая, что вы объявили сбор в вашем коде позади:

protected List<Person> persons = new List<Person>(); 

protected void Page_Load(object sender, EventArgs e) 
     { 
      persons.Add(new Person() { Name = "Toto", Firstname="Bobo" }); 
      persons.Add(new Person() { Name = "Titi", Firstname = "Bibi" }); 
     } 

Вы положили, что в вашем ASPX

<% foreach (var person in persons) 
    { %> 
<script type="text/javascript"> 
    mboxCreate("person.name=" + "<%=person.Name%>", "person.firstname=" + "<%=person.Firstname%>"); 
</script> 
<%} %> 

Это сгенерирует следующий HTML:

<script type="text/javascript"> 
mboxCreate("person.name=" + "Toto", "person.firstname=" + "Bobo"); 
</script> 

<script type="text/javascript"> 
mboxCreate("person.name=" + "Titi", "person.firstname=" + "Bibi"); 
</script> 

Огромное преимущество заключается в том, что вам больше не нужно делать эти уродливые строки, контактирующие в вашем коде. И это намного легче читать/поддерживать.