Neue Tabelle, Zeile, jede 4. Schleife

Wie erstelle ich eine neue Zeile der Tabelle auf jeder 4. Schleife in meinem Razor-Ansicht? Dies ist das erstellen einer neuen Zeile für jede Zahl vor der 4, und dann beendet das erstellen neuer Zeilen:

  @{
            int i = 0;
         }
         @foreach (var item in ViewBag.ProgramIdList)
         {

          if((i / 4) == 0)
          {
              @:<tr>
          }
          <td>
          <input type="checkbox" name="@item.ProgramId" id="@item.ProgramId" />   
         <label for="@item.ProgramTitle">@item.ProgramTitle</label>
         </td>
        if((i / 4) == 0) 
        {
        @:</tr>
          }
             i++;
         }
  • Schauen Sie, was Sie tun, logisch. (i / 4) wird eigentlich nie gleich 0 wenn i == 0. Der einzige Grund, es macht ein paar Zeilen ist, weil die Division von zwei ganzen zahlen, wird immer das Ergebnis in eine Ganzzahl .NET hat um um ihn herum, die Wert auf so etwas.
InformationsquelleAutor user547794 | 2012-10-05
  1. 21

    Verwenden Sie den modulo-operator. Für :

    if((i % 4) == 0)
{
  @:<tr>
}

    und

    if((i % 4) == 3)
{
  @:</tr>
}

    Wenn die Anzahl der Elemente nicht teilen sich in geraden Zeilen, fügen Sie die restlichen Zellen und einem schließenden tag Zeile nach der Schleife:

    if ((i % 4) != 0) {
  while (i % 4) != 0) {
    @:<td></td>
    i++;
  }
  @:</tr>
}
    InformationsquelleAutor Guffa
  2. 6

    Für diejenigen, die hasst die syntax higlight Warnung, die angezeigt wird mit dem code der Antwort oben, es ist die Lösung (der Mechanismus ist in etwa das gleiche):

    <table>
    @for (int i = 0; i < ViewBag.MyItems.Count; i++)
    {
        var cells = 4;
        var item = ViewBag.MyItems[i];

        if ((i % cells) == 0)
        {
            @:<tr>
        }

        <td>
            @item.MyTextOrWhatever
        </td>

        if (i == (ViewBag.MyItems.Count - 1))
        {
            while ((i % cells) != 0)
            {
                @:<td></td>
                i++;
            }
        }

        if ((i % cells) == (cells - 1)) //aka: last row cell
        {
            @:</tr>
        }
    }
</table>

    Jeden tag in der richtigen position (<td> innen <tr>, <tr> innen <table>), dann werden Ihre Visual Studio-syntax-highlighter lassen Sie in Ruhe 🙂

    • Danke! Warum will Sie die <tr> tags escaped als plain-text über das @: Trennzeichen? Ich hätte gedacht, dass würde ihn zum Ausgang &lt;tr&gt;
    • Ich denke, wenn Ihr Zustand, füllt sich die Zeile mit leeren Zellen läuft, bringt es i bis zu einem vielfachen von cells. Daher die "Letzte Zeile" nie Hinzugefügt wird, in diesem Fall, weil i%cells = 0, nicht cells - 1
    • Bedenken Sie, dass i ist base 0 index, und cells bedeutet, dass die Gesamtzahl der Zellen in einer Zeile, es: i = 0, cells = 4;. Die erste Zelle oder die Zelle mit der Nummer 1 in übereinstimmung der index -0.
    • schauen Sie auch hier über die @: syntax: ..Die @: Sequenz zeigt an, dass die Linie der Inhalt, der folgt, sollten so behandelt werden, als ein content-block..
    InformationsquelleAutor T-moty
  3. 0

    Dass die genaue Lösung, die 100% funktioniert.

                @foreach (var item in ViewBag.data)
            {
                var cells = totalCells;


                if ((i % cells) == 0)
                {
                    @:<tr>
                }
                <td>
                    @item.Value
                </td>



                if ((i % cells) == (cells - 1)) //aka: last row cell
                {
                @:</tr>

                }
                i++;
            }
    InformationsquelleAutor Saif
Schreibe einen Kommentar