'public class CutData
{
[Key] 。
public int DataID { get; set; }/before
[Required(ErrorMessage = "Please enter a Tool") ]
public string Tool { get; set; }/before
// ( skip 66 )....
public string Location { get; set; }/before
}'
model CutData
'
@model List<CutData>/span>
<a class="btn btn-primary classAdd" style="margin: 5px;">添加行</a>
<div class="editDiv"/span> style="width: 100%; height:100%; overflow-x :auto;">
< form asp-action="Edit" asp- controller="Home" method="post">
<fieldset>
< table id="editTable" class="table table-striped table-bordered table-sm" width="100%" border="0"/span> cellspacing="0"/span> cellpadding="0"/span>>
<thead>
<tr>/span>
<th></th>
<th class="sticky" > Cut Ref</th>。
<th>/span>Tool</th>
<th>Date</th>
@*(跳過...)*@
<th>Action</th>/span>
</tr>/span>
</thead>/span>
<tbody>/span>
@for (int i = 0; i < Model.Count; i )
{
<tr class="newcutDataInput"/span>>
<td>div class="form-group"/span>> <input type="hidden" name="model[i]. DataID" /></div></td>
.....
<td>< button type="button" id="btnDelete" class="deleteContact btn btn-danger btn-xs"> 洗掉</按鈕></td>
</tr>
}
</tbody>
</table>/span>
</fieldset>
<div class="text-center"/span>>
<button style="position:fixed; margin-top: 40px。 " class="btn btn-primary" id="btnSaveAll" asp-controller="Home" type="submit"> 保存</按鈕>
</div>/span>
</form>
<script type="text/javascript">/span>
$(document).ready(function () {
$(document).on("click", ".classAdd", function () {
var i = 1;
var contacttr = '<tr class="newcutDataInput"/span>>'
'<td>div class="form-group"> <input type="hidden" name="model[i]. DataID"/></div></td>'
@*(跳過...)*@
'<td>< button type = "button" id = "btnDelete" class="deleteContact btn btn-danger btn-xs"> 洗掉</button></td > '
'</tr>' 。
$('#editTable').append(contacttr); // 將這些控制元件添加到主表類中
rowCount ;
});
}); // 將這些控制元件添加到主表類中
'
視圖呼叫編輯
'
[HttpPost]
public IActionResult Edit(List<CutData> cutDatas)
{
try
{
//context.CutDatas.Add(cutDatas); {
//List<CutData> cutList = new List<CutData>();
//foreach (var c in cutDatas)
//{
/// cutList.Add(new CutData())
// {
// DataID = c.DataID,
// .........
// Location = c.Location,
// });
//}
//context.SaveChanges(); //context.SaveChanges()
return RedirectToAction("CutList"/span>)。
}
catch (Exception)
{
return View（）。
}
}
'
controllor
Pro Asp.net core MVC如何創建視圖串列并將資料串列傳遞給控制器（How can I pass list of data from view to controllers）- 我知道如何將資料從視圖傳遞給控制器，但我不知道如何將資料串列（添加行）傳遞給控制器。請修復視圖和控制器 我正在使用Migrations.
。uj5u.com熱心網友回復：
你可以使用List<CutData>來接收修改的資料。
視圖中的name屬性需要與Edit動作接收的cutDatas引數匹配。
此外，提交按鈕不需要添加asp-controller。這將導致你點擊該按鈕并進入默認的Home方法而不是Edit動作。
而在js中添加行的index需要在模型資料計數的基礎上添加。
@model List<CutData>
<a class="btn btn-primary classAdd" style="margin: 5px;">添加行</a>
<div class="editDiv"/span> style="width: 100%; height:100%; overflow-x :auto;">
< form asp-action="Edit" asp- controller="Home" method="post">
<fieldset>
< table id="editTable" class="table table-striped table-bordered table-sm" width="100%" border="0"/span> cellspacing="0"/span> cellpadding="0"/span>>
<thead>
<tr>/span>
<th></th>
<th>/span>Tool</th>
<th>Location</th>/span>
<th>/span>Action</th>
</tr>/span>
</thead>/span>
<tbody>/span>
@for (int i = 0; i < Model.Count; i )
{
<tr class="newcutDataInput"/span>>
<td>div class="form-group"/span>> <input type="hidden" name="cutDatas[@i]. DataID" asp-for="@Model[i]. DataID" /></div> </td>
<td>div class="form-group"/span>> <input type="text" name="cutDatas[@i]. 工具" asp-for="@Model[i]. 工具" /></div> </td>
<td>div class="form-group"/span>> <input type="text" name="cutDatas[@i]。 位置" asp-for="@Model[i]. Location" /></div> </td>
<td>< button type="button" id="btnDelete" class="deleteContact btn btn-danger btn-xs"> 洗掉</按鈕></td>
</tr>
}
</tbody>
</table>/span>
</fieldset>
<div class="text-center"/span>>
<button style="position:fixed; margin-top: 40px。 "/span> class="btn btn-primary" id="btnSaveAll" type="submit"> 保存</按鈕>
</div>/span>
</form>
</div>/span>
<script type="text/javascript">/span>
$(document).ready(function () {
var rowCount = @Model.Count;
$(document).on("click", ".classAdd", function () {
var contacttr = '<tr class="newcutDataInput"/span>>'
'<td>div class="form-group"> < input type="hidden" name="cutDatas[' rowCount '] 。 DataID"/></div></td>' '
'<td>div class="form-group"/span>> < input type="text" name="cutDatas[' rowCount '] 。 工具"/></div></td>' '
'<td>div class="form-group"/span>> < input type="text" name="cutDatas[' rowCount '] 。 Location"/></div></td>' '
'<td>< button type = "button" id = "btnDelete" class="deleteContact btn btn-danger btn-xs"> 洗掉</button></td > '
'</tr>' 。
$('#editTable').append(contacttr); // 將這些控制元件添加到主表類中
rowCount ;
});
}); // 將這些控制元件添加到主表類中。
</script>
這里是除錯結果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/320367.html
標籤：
上一篇：我不能拉動子類別