如何在MVC中的Jquery.Append（）方法中使用循環？

我正在開發MVC應用程序。如何在MVC中的Jquery.Append（）方法中使用循環？

我想追加div，下面的代碼。我想使用for循環在Append方法中綁定viewbag的數據。大號

<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>

如何做到這一點？

來源

2014-05-13 bnil

目前還不清楚你想要做的..你獲得你的控制器的一些數據，然後循環您的數據生成一些動態HTML來呈現數據 – ankur

是ANKUR，同樣的東西... – bnil

什麼是#productlist – ankur

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);

來源

2014-05-13 07:16:17 malkam

我已經有#ProductList中的數據，我想將它追加進一步... – bnil

僅追加$（'＃ProductList'）。append（ht）;它會將新控件添加到div，不會刪除div內的現有控件。 – malkam

請檢查更新後的問題，我想綁定Viewbag中的數據。 – bnil

如何在MVC中的Jquery.Append（）方法中使用循環？

回答

相關問題