रेजर देखें गतिशील तालिका पंक्तियां

Question

मुझे अपने विचार में एक टेबल चाहिए जो प्रत्येक पंक्ति में मेरे मॉडल से 3 तत्व डालने जा रहा है। तो जिस तरह से मैं ऐसा करने जा रहा था वह मॉडल के माध्यम से लूप करना है और फोरैच लूप के अंदर एक गिनती चर पर एक चेक है जिसे मैंने स्थापित किया है। यदि गिनती मॉड 3 == 0 मैं नई पंक्ति शुरू करने के लिए </tr><tr> की तरह कुछ करूंगा। यह जिस तरह से मैं चाहता हूं उस पर काम नहीं कर रहा है क्योंकि <tr> के बाद मेरे पास } होगा। तो मूल रूप से मेरा सवाल यह है कि, मॉडल में तत्वों के आधार पर एक रेज़र दृश्य के अंदर मैं एक गतिशील तालिका कैसे बनाऊंगा जहां प्रत्येक पंक्ति में 3 आइटम हों?

@{ 
int count = 0; 
<div> 
<table> 
<tr> 
@foreach (var drawing in Model) 
{ 
    <td style="width:240px;margin-left:30px; margin-right:30px;"> 
    <img src="@Url.Action("GetImage", "Home", new { id = drawing.drw_ID })" alt="drawing" /> 
    </td> 
    count++; 
    if(count%3==0) 
    { 
     </tr> 
     <tr> 
    } 
} 
</tr> 
</table> 
</div> 
} 

हो सकता है कि वहाँ है कि मैं दो छोरों का उपयोग कर के बारे में

Answer 1

कैसे के बारे में सोच नहीं कर रहा हूँ ऐसा करने का एक बहुत ही आसान तरीका है - यह अपने दस्तावेज़ और अधिक अच्छी तरह से सेटअप बनाने के लिए और इसे थोड़ा अधिक पठनीय कर देगा । इसके अलावा, यह समस्या है कि तब आते हैं, पंक्तियों की संख्या तीन से विभाज्य नहीं है का ख्याल रखता है:

<div> 
<table> 
@for(int i = 0; i <= (Model.Count - 1)/3; ++i) { 
    <tr> 
    for(int j = 0; j < 3 && i + j < Model.Count; ++j) { 
    <td style="width:240px;margin-left:30px; margin-right:30px;"> 
     <img src="@Url.Action("GetImage", "Home", new { id = Model[i + j].drw_ID })" alt="drawing" /> 
    </td> 
    } 
    </tr> 
} 
</table> 
</div> 

संपादित अपने चिपकाया कोड प्रतिबिंबित करने के लिए। ध्यान दें, यह मॉडल मानता है लागू करता IList या किसी सरणी

Answer 2

Maybee इस के लिए मुझे

@{ 
int count = 0; 
** 
var tr = new HtmlString("<tr>"); 
var trclose = new HtmlString("</tr>"); 
** 
<div> 
<table> 
<tr> 
@foreach (var drawing in Model) 
{ 
    <td style="width:240px;margin-left:30px; margin-right:30px;"> 
    <img src="@Url.Action("GetImage", "Home", new { id = drawing.drw_ID })" alt="drawing" /> 
    </td> 
    count++; 

    if(count%3==0) 
    { 
    ** 
    trclose 
    tr 
    ** 
    } 
} 
</tr> 
</table> 
</div> 
} 

Answer 3

चेक इस बाहर, तो यह आपके लिए काम करना चाहिए समाधान आप काम करता है के लिए देख रहे है !!!

<h2>Index</h2> 
<table> 
    <tr> 
     @{ 
      var index = 0; 
     } 

     @foreach (int num in Model) 
     { 
      if ((index % 10) == 0) 
      { 
      @Html.Raw("</tr>"); 
      @Html.Raw("<tr>"); 


      } 
      <td> 
       <h2>@num</h2> 
      </td> 
      index++; 
     } 
    </tr> 
</table> 

Answer 4

@christian समाधान काम किया है.मेरे पास "trclose" और "tr" इसलिए यहाँ समाधान है कि उस्तरा ध्यान में रखते हुए मेरे लिए काम किया पोस्टिंग के बारे में सुनिश्चित नहीं था के लिए।

<table> 
     <tr><td><input type="checkbox" id="chkAssetCategories" />&nbsp;SELECT ALL</td></tr> 
     <tr> 
     @{ 
      var count=0; 
      foreach (var item in Model.AssetCategories) 
       { 
        <td><input type="checkbox" class = "Catgories" id='@item.ID' value ='@item.ID' /><label>@item.Name</label></td> 
        if (count%5 == 0) 
        { 
         @:</tr><tr> 
        } 
        count++; 
       } 
     } 
     </table> 

Answer 5

@{ int counter = 0;} 
<div> 
    <table> 
     @for(int i = 0; i <= (Model.Count - 1)/3; ++i) { 
      <tr> 
       for(int j = 0; j < 3; ++j) { 
         <td style="width:240px;margin-left:30px; margin-right:30px;"> 
          @Model[counter] 
         </td> 
         counter++; 
       } 
      </tr> 
     } 
    </table> 
</div>