MVC에서 Jquery.Append() 메서드의 루프를 사용하는 방법?

MVC 응용 프로그램을 개발 중입니다.MVC에서 Jquery.Append() 메서드의 루프를 사용하는 방법?

다음 코드와 함께 div를 추가하려고합니다. Append Method에서 뷰백의 데이터를 바인딩하기 위해 for 루프를 사용하고 싶습니다. 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>

어떻게 수행하나요?

출처

2014-05-13 bnil

는 ... – ankur

예 ankur, 같은 제시하는 몇 가지 동적 HTML을 생성하는 데이터를 통해 반복 .. 당신이 다음 컨트롤러에 대한 일부 데이터를 받고 있습니까 싶지 불분명 무엇인지 #productlist가 – bnil

해당 데이터 – 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() 메서드의 루프를 사용하는 방법?

답변

관련 문제