クライアント側の検証以下のようにASP.NET MVC

Question

モデルの2行目のために働いていない。次に

public class User 
    { 
     [DisplayName("ID")] 
     [Range(0, 9999)] 
     public int ID { get; set; } 
public string Mask { get; set; } 
} 

コントローラは、二つのビューがあり

上記モデルのIQueryableを返します。以下のようにモデル

メインビュー

@model IQueryable<User> 
@{ 
    var Array = Model.ToArray(); 

} 
//Header here 
      <tbody id="table-body-vlan"> 
       @{ 
        for (var i = 0; i < Array.Length; i++) 
        { 
         Html.RenderPartial("_AddRow", Array [i], new ViewDataDictionary() { { "Index", i } }); 
        } 
       } 
      </tbody> 
     </table> 
    </div> 

    } 

**そして、部分図**

@model User 
@{ 
    var index = ViewData["Index "]; 
} 

<tr class="js-deletable-item" id="row-@index" data-id="@Model.ID" > 

    <td class="editable"> 
     @Html.TextBoxFor(v => Model.ID, new {Name = "ID[" + index + "]", id = "id-" + Model.ID, Value = Model. ID > 0 ? Model. ID.ToString() : ""}) 
    </td> 
    <td class="editable"> 
     @Html.TextBoxFor(v => Model.Name, new {Name = "Id[" + index + "].Name", data_val = "false" }) 
    </td> 
</tr> 

号から各行をレンダリングする親ビューとその後、部分図： IQueryableに10個のレコードがある場合、クライアント側の検証は最初の行にのみ適用されます。

最初の行にIDフィールドに101Sと入力すると、無効なIDを示す警告が表示されます（背景色を変更することによって）。 しかし、私が2番目の行や他の行で同じことをすると、背景色が変わることはありません。クライアント側の検証（データアノテーションで定義）は最初の行に対してのみ適用されます。

最初の行がレンダリングされた後、他の行にAnnotation関連のプロパティが追加されていないようです。

Answer 1

私はあなたがMVCでEditor and Display Templatesを見てみましょうお勧め：

は、ここでは、エディタのテンプレートを作成します。このような~/Views/Shared/EditorTemplates/User.cshtml：

@model User 
<tr class="js-deletable-item"> 
    <td class="editable"> 
     @Html.TextBoxFor(m => m.Id) 
    </td> 
    <td class="editable"> 
     @Html.TextBoxFor(m => m.Name) 
    </td> 
</tr> 

を呼び出すたびこれは自動的にモデルの各要素のためにレンダリングされますEditorForModel。

コントローラでは、IQueryable<User>()オブジェクトで.ToList()を実行してから、ビューに送信してください。メインビューで

：

@model IEnumerable<User> 

<table> 
    <thead> 
     <tr> 
      <td>Id</td> 
      <td>Name</td> 
     </tr> 
    </thead> 
    <tbody> 
     @Html.EditorForModel() 
    </tbody> 
</table> 

はるかに簡単かつクリーンな右？しかし、これらのテンプレートを使用する主な利点は、自動的に適切なname属性を作成することです。次のようなものがあります。

<input data-val="true" name="[0].Id" value="" /> 
<span class="text-danger field-validation-valid" data-valmsg-for="[0].ID"></span> 

各行には固有のname属性が割り当てられます。あなたのコードでは、すべての行が同じname="ID"とdata-valmsg-for="ID"を持っています。このため、最初の行だけが検証されています。

nameの属性は、collectionsを含むフォームを送信する場合にも重要です。そうでない場合、ユーザーリストはnullとなります（Refer）。

EditorTemplatesを使用しない場合は、forループ（foreachではなく）を実行して行を移入する必要があります。