MVC - レイザー（.cshtml）ビューとMVC 5を使用してモデル

Question

にリスト に動的に追加コントロールをバインド

あなたは最終的にからデータを取得する必要がモデルの値のリストを持っていますビューでコントロールし、リストに追加します。例えば

：

モデルが含まれています：public List<string> value { get; set; }

リストは、最大70個の値を含むように許可されているが、あまりを含めることができます。 List<string> valueに追加する必要があり、それが対応するの値を作成されたそれぞれの新しいフィールドで

：

はビューでは、動的にずっとこのような@Html.editorforフィールドを、追加ボタンを持っています。したがって、この例では、

ユーザーは、「フィールドを追加」をクリックする新しいテキストボックスが表示され、彼が提出したときは「ライン1」

• は、このフィールドは、値の最初のインデックスに掲載します入り - 彼は「ライン2」
  • 提出した場合、このフィールドはSEに掲載する予定に入っvalue[0] = "Line 1"

  ユーザーが別の値を追加するには、再度「フィールドを追加」をクリック：そうのようなリストそのような値リストの指揮インデックス：ユーザーが70のフィールドまで追加することができますvalue[1] = "Line 2"

（つまり彼は、値の一覧に65個の値を追加するには、「フィールドを追加」65回をクリックすることができます）

何だろうこの方法でデータをバインドする最も迅速かつ効率的な方法はありますか？

Answer 1

提出する前に、動的に追加された入力に正しいモデル名が付いていることを確認してください。

<input type="text" name="value[0]" value="Line 1"/> 
    <input type="text" name="value[1]" value="Line 2"/> 
    <input type="text" name="value[3]" value="Line 3"/> 

そして、モデルバインダーは、自動的にこれらの3つの文字列（「ライン1」、「ライン2」、「3行」）とstringのリストを作成します。だからあなたの例では、これに似たものになるだろう対応するプロパティ（この場合はvalue）に割り当てます。

編集：ここではあなたなaddField機能がちょうどそれをするようになります方法は次のとおりです。

すべてです

function addField(){ 
    var addedFieldCount=$('input.dynamic-field').length; 
    if(addedFieldCount==70){//But you should check it on the server side too. 
     alert('No more field allowed'); 
     return; 
    } 
    $('#fieldContainer').append('<input name="value['+addedFieldCount+']"/>'); 
} 

。それをハードコーディングと呼ぶなら、それを呼んでください。

EDIT2：Stephen Muecke氏によると、stringのコレクションを扱う際にインデクサーは必要ありません。 （私はそれを知らなかった:)）。したがって、あなたの関数はもっと簡単になります：

function addField(){ 
    var addedFieldCount=$('input.dynamic-field').length; 
    if(addedFieldCount==70){//But you should check it on the server side too. 
     alert('No more field allowed'); 
     return; 
    } 
    $('#fieldContainer').append('<input name="value"/>'); 
}