2016-12-09 5 views
5

मैं एएसपी.नेट एमवीसी और बूटस्ट्रैप का उपयोग करता हूं। मेरे पास संग्रह में कई ऑब्जेक्ट्स (> 2) हैं और प्रत्येक के लिए <div class="col-xs-6"> की आवश्यकता है लेकिन एक पंक्ति में केवल 2 कॉल के साथ। लूप का उपयोग करके इसे कैसे प्राप्त करें? 1 तरीका नहीं है, लेकिन मैं कुछ बेहतर रहा हूँ:रेजर का उपयोग करके लूप के माध्यम से बूटस्ट्रैप ग्रिड कैसे ठीक से उत्पन्न करता है?

@model List<Object> 
@using (Html.BeginForm("ActionName", "ControllerName")) 
{ 
    <div class="row"> 
    @for (int i = 0; i < Model.Count; i++) 
    { 
     if (i % 2 != 0) { 
     <div class="row"> 
      <div class="col-xs-6"> 
       @Html.TextBoxFor(o => o[i].Value) 
      </div> 
     </div> 
     } else { 
      <div class="col-xs-6"> 
      @Html.TextBoxFor(o => o[i].Value) 
      </div> 
     } 
    } 
    </div> 
} 

उत्तर

6

पंक्ति div बंद कर दें और हर 2 यात्रा

<div class="row"> 
    @for (int i = 0; i < Model.Count; i++) 
    { 
     if (i > 0 && i % 2 == 0) 
     { 
      @:</div><div class="row"> // close and start new row 
     } 
     <div class="col-xs-6"> 
      @Html.TextBoxFor(o => o[i].Value) 
     </div> 
    } 
</div> 
+0

सचमुच यह अद्भुत है पर पाश के अंदर एक नया शुरू! इस निर्माण को कभी नहीं पता था! –

+0

यह वास्तव में अद्भुत है और डिस्प्ले ठीक काम करता है, लेकिन आउटपुट एचटीएमएल में पहले दो पंक्ति डीवी में लिपटे नहीं हैं। यह केवल हर बाद की पंक्ति है। –

+0

@WillStrohl, हां यह करता है (सुनिश्चित नहीं है कि आपने अलग-अलग क्या किया है) –

संबंधित मुद्दे