Как использовать цикл в методе Jquery.Append () в MVC?

0

Я разрабатываю приложение MVC.

Я пытаюсь добавить div, со следующим кодом. Я хочу использовать для цикла привязать данные viewbag в методе добавления. L

<html>
<body>
<div class="row-fluid" id="ProductList">
</div>
</body>
</html>

 <script type="text/javascript">

 $(document).ready(function () {

 $('#lnkAddProduct').click(function () {

 $('#ProductList').append("<div  class='span12' style='margin-left:0px' ><div class='span2'>" +

:<div class='span1'style='margin-left:0px; width:90px;'><input type='text' id='Quantity_" + IDD + "' class='clsQuantity'  name='Quantities' style='width:50px; margin-left:30px;' onblur='CheckQuantity(" + IDD + ");' /></div>" +


 // Now the list will come from controller and I wan to display it using loop... above html data remains same.

@foreach (var item in ViewBag.LocationList)
{   
<div class="span1" style="margin-left:15px;width:60px; value:  @item.Name">
 </div>
}

 //Going to remove below the hard codded values....and want to generate from Loop above  

"<div class='span1'style='margin-left:10px; Width:60px;'id='Bandra_" + IDD + "'></div>" +
"<div class='span1'style='margin-left:10px; Width:60px;'id='Dadar_" + IDD + "'></div>" +
"<div class='span1'style='margin-left:0px; Width:60px;' id='Bhivandi_" + IDD + "'></div>" +
"<div class='span1'style='margin-left:10px; Width:40px;'  id='Juhu_" + IDD + "'></div>" +
"<hr></div>");

        </script>

Как это сделать?

  • 1
    неясно, что вы хотите сделать .. Получаете ли вы какие-то данные для вашего контроллера, а затем циклически обрабатываете свои данные, чтобы сгенерировать какой-то динамический HTML для представления этих данных
  • 0
    Да анкур, тот же ...
Показать ещё 1 комментарий
Теги:
asp.net-mvc

1 ответ

0 
var ht = ''
    var obj = {
        "LocationName1": "5558",
        "LocationName2": "8777",
        "LocationName3": "8555",
        "LocationName4": "2333",
    };
    $.each(obj, function (i, v) {
        ht += "<div class='span1'style='margin-left:10px; Width:40px;'  id='"+i+"_"+v+"'></div>";
    });
    $('#ProductList').append(ht);
Поделиться
  • 0
    У меня уже есть данные в #ProductList, я хочу добавить их дальше ...
  • 0
    Добавление только $ ('# ProductList'). Append (ht); Это добавит новые элементы управления в div, не удалит существующие элементы управления внутри div.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню