我有一把剃須刀，在頁面上我系結到一個串列：
[BindProperty]
public List<CleanupToolMerge> MergeList { get; set; }
CleanupToolMerge 類：
public partial class CleanupToolMerge
{
public string ItemName { get; set; }
public Guid ItemId { get; set; }
public int ItemCount { get; set; }
public DateTime CreatedDate { get; set; }
public DateTime? ModifiedDate { get; set; }
}
我在頁面上將串列初始化為一個空物件OnGet：
public IActionResult OnGet()
{
MergeList = new(); // Initialize
return Page();
}
我的視圖包含隱藏輸入以獲取此物件：
<form method="post" id="CleanupMergeForm">
<div asp-validation-summary="ModelOnly" ></div>
...
<div id="mergeList"></div> <!-- Merge List -->
<div >
<input type="submit" value="Preview Merge" id="prevMerge" />
</div>
</form>
Javascript：
// Cleanup previous imports Html
$('#mergeList').remove();
// Create the element
$('#CleanupMergeForm').append('<div id="mergeList"></div>');
let _data = table.rows('.selected').data(); // All selected rows to merge
let _length = _data.length;
let _list = [];
console.log('Importing ' _length ' row(s)')
// Build array for List<CleanupToolMerge>
for (var i = 0; i < _length; i ) {
_list.push(_data[i]);
console.log(_data[i]);
$("<input>").attr({
name: "MergeList", // <------------ MergeList is created here
id: "MergeList_" i, // <--------- Each item to be added to the array
type: "hidden",
value: $(_data[i]).serialize()
}).appendTo("#mergeList");
}
console.log('Created' _length ' rows to merge');
Razor 頁面控制器
public IActionResult OnPost()
{
if(MergeList !=null)
Console.WriteLine("Merge Size: " MergeList.Count); // Always 0
return Page();
}
示例.data()物件
{itemName: '"2"', itemId: 'e7c6e858-b5db-44ab-9ca2-df269087c24b', itemCount: 1, createdDate: '2022-03-08T15:13:52.39', modifiedDate: null}
我面臨的問題是我似乎無法從發布的表格中獲取資料。我可以將 html 中的資料視為隱藏輸入，MergeList但陣列計數在OnPost().
uj5u.com熱心網友回復：
為了系結串列或陣列，輸入欄位的名稱屬性應該是MergeList[index].PropertyName. index應該從 0 開始才能被系結。
您需要像下面的代碼一樣分隔輸入欄位。ItemId并且ItemName必須有自己的輸入欄位。
for (var i = 0; i < _length; i ) {
...
$("<input>").attr({
name: "MergeList[i].ItemId", // ItemId
id: "MergeList_" i,
type: "hidden",
value: _data[i].ItemId // ItemId
}).appendTo("#mergeList");
$("<input>").attr({
name: "MergeList[i].ItemName", // ItemName
id: "MergeList_" i,
type: "hidden",
value: _data[i].ItemName // ItemName
}).appendTo("#mergeList");
// add the properties item count, etc
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/443166.html