Как добавить SelectedItem из выпадающего списка в <Table>, используя список моделей <>

Question

Я работаю над страницей, которая добавит выбранный элемент из выпадающего списка в список <> с помощью кнопки onclick.

Проблема в том, что новый выбранный элемент перезаписывает старое значение.

Я просто хотел бы отобразить таблицу из выбранных элементов, например:

#---Model-----Remove-----
1   Model#1       x
2   Model#2       x
3   Model#3       x
4   Model#4       x
5   Model#5       x
-------------------------

Пожалуйста, смотрите мой код ниже,

ModelDescription.cs (модель):

 public class ModelDescription
{
    public string modelDesc { get; set; }
}

метод в контроллере:

public ActionResult StockOnHand()
    {
        bindModelDesc();
        return View();
    }

 public void bindModelDesc()
    {
        var mc = db.ModelMaster_tbl.ToList();
        List<SelectListItem> mclist = new List<SelectListItem>();
        mclist.Add(new SelectListItem { Text = "--Select Model Type--", Value = "0" });
        mclist.Add(new SelectListItem { Text = "--Select All Model--", Value = "1" });

        foreach (var m in mc.Select(x => x.modelDesc).Distinct())
        {
            mclist.Add(new SelectListItem { Text = m, Value = m });

            ViewBag.ModelDescs = mclist;
        }
    }

   public ActionResult AddToListSOH(ModelDescription model)
    {
        var result = new List<ModelDescription>();
        var res = db.ModelMaster_tbl.Where(x => x.modelDesc == model.modelDesc).SingleOrDefault();

        result.Add(new ModelDescription { modelDesc = res.modelDesc });

        return PartialView("AddToListSOH", result);
    }

StockOnHand.cshtml (просмотр):

@using (Html.BeginForm("StockOnHand", "PWSupermarket", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken()
<div class="card">
    <div class="card-body">
        <form class="form-horizontal" role="form">
            <h5 class="card-title">Stock On Hand</h5>
            <p class="card-text">Generates the buildable quantity of a unit. </p>
            <hr />
            @Html.ValidationSummary(true, "", new { @class = "text-danger" })

            @if (TempData["Message"] != null)
            {
                <span class="text-success"><strong>@TempData["Message"]</strong></span>
            }

            <div class="form-group">
                @Html.LabelFor(model => model.modelDesc, htmlAttributes: new { @class = "col-md-3 control-label" })
                <div class="col-md-10">
                    @Html.DropDownListFor(model => model.modelDesc, ViewBag.ModelDescs as List<SelectListItem>, htmlAttributes: new { @class = "form-control" })
                    <button class="btn btn-outline-primary mt-1" type="button" onclick="AddToList()">Add To List</button>
                </div>

            </div>

            <div id="foo1" class="mt-2">

            </div>

        </form>
    </div>
</div>
}

Javascript для визуализации списка выбранных элементов:

  <script type="text/javascript">

     function AddToList() {
        $.ajax({
            type: "Get",
            url: '@Url.Action("AddToListSOH", "PWSupermarket")',
            data: { modelDesc: $('#modelDesc').val() },
            contentType: "application/html; charset=utf-8",
            success: function (result) {
                $('#foo1').html(result);
            },
            error: function (ex) { alert('failed.'); }
        })
    }

</script>

AddToListSOH.cshtml (частичное представление списка выбранных элементов):

@model IEnumerable<MESProject_P1_csmvc.Models.ModelDescription>

<div>
@{ var count = 0;}
<table class="table table-sm table-striped" @*style="font-size: .7rem;"*@>
    <caption>List of Models</caption>
    <thead class="thead-dark">
        <tr>
            <th>#</th>
            <th>Model</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                   @count
                </td>
                <td>
                    @Html.DisplayFor(i => item.modelDesc)
                </td>
            </tr>

        }
    </tbody>
</table>
</div>

снимок экрана страницы

Answer 1

Я решил свою проблему благодаря этой ссылке:

Я храню список электронных писем в сеансе ["электронные письма"] и каждый раз, когда я добавляю новое электронное письмо в список, я просто обновляю его, передаю его в новый список со всеми записями и в конце возвращаю частичный вид.

.NET использовать частичное представление несколько раз @Rolando F

Я изменил некоторые из своих кодов:

ModelDescription.cs

public class ModelDescription
{
    public IEnumerable<string> modelsAdded { get; set; }
}

Метод AddToListSOH в контроллере:

 public ActionResult AddToListSOH(string model)
    {
        if (Session["modelInputs"] == null)
        {
            List<string> temphandler1 = new List<string>();
            temphandler1.Add(model);
            Session["modelInputs"] = temphandler1;
        }
        else
        {
            List<string> temphandler2 = new List<string>();
            temphandler2 = (List<string>)Session["modelInputs"];
            temphandler2.Add(model);
            Session["modelInputs"] = temphandler2;
        }

        var result = new ModelDescription { modelsAdded = (List<string>)Session["modelInputs"] }; 


        return PartialView("AddToListSOH", result);
    }

AddToListSOH.cshtml (частичное представление):

<table class="table table-sm table-striped" @*style="font-size: .7rem;"*@>
    <caption>List of Models</caption>
    <thead class="thead-dark">
        <tr>
            <th>#</th>
            <th>Model</th>
            <th>Remove</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.modelsAdded)
        {
            <tr>
                <td>
                   @count
                </td>
                <td>
                    @Html.DisplayFor(i => item)
                </td>
                <td>
                    Remove
                </td>
            </tr>

        }
    </tbody>
</table>

Answer 2

Пример создания списка SelectListItem

private List<SelectListItem> ModelDeskList(ModelDesk modelDesc)
        {
            List<SelectListItem> selectList = new List<SelectListItem>();
            selectList.Add(new SelectListItem { Value = "", Text = "------Select-----",Selected=true });
            foreach (var model in modelDesc)
            {
                selectList.Add(new SelectListItem { Value = model.Id.ToString(), Text = model.Name});
            }
            return selectList;
}

Я надеюсь, что вы найдете свое решение от него