首頁猿問將另一個“寵物&rdq...

將另一個“寵物”添加到模型表單中

.NET

繁花如伊 2019-09-06 16:05:32

簡化示例。我有一個模型，它有幾個字段：OwnerFirstNameOwnerLastNameList<Pet> Pets (Pet is a few string fields)用戶界面需要允許用戶添加任意數(shù)量的新寵物。Pet條目的UI是MVC模板_petEditor.cshtml客戶端，如何將新Pet添加到Model的Pet集合中，然后從_petEditor.cshtml為Pet添加一組新字段？當用戶提交表單時，MVC將獲得添加了所有Pets的模型。

查看完整描述

3 回答

倚天杖

TA貢獻1828條經(jīng)驗獲得超3個贊

您可以使用javascript動態(tài)創(chuàng)建回發(fā)的索引輸入。例如，創(chuàng)建一組虛擬輸入，當您單擊“添加寵物”按鈕時，克隆并顯示這些輸入（假設寵物屬性顯示在id ='Pets'的表中）

<tr>

<td>.....</td> // more properties of Pet

</tr>

</div>

請注意使用虛擬索引器來防止將其發(fā)回

和腳本

$('#AddButton').click(function() {

var index = (new Date()).getTime();

var clone = $('#NewPet').clone();

// Update the index of the clone

clone.html($(clone).html().replace(/\[#\]/g, '[' + index + ']'));

clone.html($(clone).html().replace(/"%"/g, '"' + index + '"'));

$('#Pets tbody').append(clone.html());

}

反對回復 2019-09-06

蝴蝶刀刀

TA貢獻1801條經(jīng)驗獲得超8個贊

，腳本的最后一行有一個錯誤，$('...').append(clone.html());我應該假設OP選擇了這個。另請注意，如果您還希望能夠刪除，那么設置var index為現(xiàn)有項目的數(shù)量將不起作用（您可能最終使用相同的索引器），因此您可以使用var index = (new Date()).getTime();索引器始終是唯一值。

反對回復 2019-09-06