将 ViewData 从视图返回到 controller razor 页面

Question

I have view is C#:

@{
    var itemList = (List<Item>)ViewData["itemsList"];
}
<div class="row" style="margin-top: 10px;">
    <div class="col-md-6">
        @if (itemList != null)
        {
            var id = 0;
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>#</th>
                    <th></th>
                    <th>Id</th>
                    <th>Type</th>
                </tr>
                </thead>
                <tbody>
                    @foreach (var result in itemsList)
                    {
                        <tr>
                            <td>@(++id)</td>
                            <td><input type="checkbox" value="true" @(result.Checked ? "checked" : "")></td>
                            <td>@result.Id</td>
                            <td>@result.Type</td>
                        </tr>
                    }
                </tbody>
            </table>
        }
        <div class="row justify-content-end" style="margin-top: 20px;">
            <div class="col-md-2">
                <form asp-controller="Control" asp-action="Remove" method="post">
                    <input type="hidden" name="tableName" value="table"/>
                    <input type="hidden" name="items" value="@itemList"/>
                    <div style="margin-left: -10px;" class="col-md-2">
                        <button class="btn btn-danger" title="Remove" type="submit">Remove</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

I want to remove items from table, where user checks the checkbox. My idea was to update each checked item withing the list ( result.Checked property) and then send array to Remove method:

        [HttpPost]
        public async Task<IActionResult> Remove(string tableName, List<ChangeQueueItem> items)
        {
            try
            {
                var toDelete = items.Where(x => x.Checked == true);

                await _repository.RemoveFromQueue(toDelete, tableName);
            }
            catch (Exception e)
            {
                TempData["error"] = e.Message;
            }
            return RedirectToAction("Index");
        }

I am trying to send that list like this:

<input type="hidden" name="items" value="@itemList"/>

however the value is null. How should I do it?

Update: data is loaded here:

[HttpGet]
        public async Task<IActionResult> Index()
        {
             var items = await _repository.GetAll();
             
            ViewData["itemsList"] = items;
            ViewData["error"] = TempData["error"];

            return View("Index");
        }

Answer 1

Ummm where do you send the TempData["itemList"]?, i can't see it in the code.

Something like: TempData["itemList"] = toDelete;

Answer 2

You set value using ViewData["itemsList"] = items;, but get it by var itemList = (List<Item>)ViewData["itemList"]; .

Change key value to be consistent: for example, replace itemList by itemsList in the view.