29

タグのCSSクラスを<div>「forumChild」クラスに変更する必要があります。foreachループの3ループごとに変更する必要があります。

コントロール内からこれを行う方法はありますか？

<div class="Forum">
    <p>The Forum</p>

            @foreach (var item in Model)
            {               
                <div class="ForumChild">

                    <img src="@item.Blog.Image.img_path" alt="Not Found" />

                    <br />
                            @foreach (var comment in item.Blog.comment)
                            {

                                var db = new ACapture.Models.ACaptureDB();

                                var Name = from p in db.Profile.AsEnumerable()
                                           where (p.AccountID == comment.AccountID)
                                           select p;                            
                            <section>
                                    <div>
                                        <a href="@Url.Action("Index", "Home")">@foreach (var y in Name)
                                                                              { @(y.FirstName + " " + y.LastName + ":");
                                                                              }</a>
                                    </div>
                                    <div>
                                        @comment.Commentation 
                                    </div>
                            </section>
                            }
                </div>                
            }
</div>

前もって感謝します

4

4 に答える 4

68 
 @{
   int counter=0;
 }
 @foreach (var item in Model)
 { 
   counter++;
   <div class="@(counter<=3 ? "classRed":"classBlue")">
       <img src="@item.Blog.Image.img_path" alt="Not Found" />
       //other markup also here

   </div>  
    if (counter == 6)
    {
        counter = 0;
    }

 }

CSSクラスはどこclassRedにありますかclassBlue

于 2012-08-02T20:50:59.730 に答える
5

この問題の処理方法：

1）コードによってcssクラスを返すヘルパーメソッドを作成する必要があります。

string GetDivClass(int code)
{
  var classes = new [] {"first", "second", "third"};
  return classes[code];
}

2）カウンター/インデックスを作成し、ループ内で毎回インクリメントします。

3） div要素GetDivClass(index % 3)のようにヘルパーメソッドを呼び出します。

PS

これはPOCのみであるため、実際のアプリケーションでは使用しないでください（検証ロジックを追加し、「クラス」の初期化を別の場所に移動する必要があります）。

于 2012-08-02T20:30:09.050 に答える
2

Razorビューに好きなコードを書くことができるので、あなたが考えていることをするために、あなたはこのようなことをすることができます（私は内部のもののほとんどを省略しました）：

@{
    var className = "ForumChild";
}
<div>
    @for (int i = 0; i < Model.Count; i++)
    {
        var item = Model[i];
        if (i % 3 == 0)
            className = GetNewClassName(); // Or whatever
        <div class="@className">
        </div>
    }
</div>
于 2012-08-02T20:30:22.627 に答える
-2

1から始まり、ループで増分するカウンター変数を追加できます。ステートメントが真であるかどうかを％で確認し、クラス名を変更します

@{ int counter = 1;}

 @foreach (var item in Model)
{

if( (counter % 3) ==0 )
{
 <div class="ChangedName">
}
else
{
 <div class="ForumChild">
}
i++;
于 2012-08-02T20:32:38.167 に答える