Выпадающий в каждом ряду JQuery Datatable

Question

У меня есть 2 таблицы. Category(Id, Name) и Product(Id, Name, CatgeoryID). Теперь мне нужно отобразить название продукта и название категории в таблице данных. Я имею дело с jquery datatablea и мне нужно выбрать категорию на основе продукта из БД. Я понял, что в разделе ('#myDatatable').Datatable столбцов мне нужно будет создать раскрывающийся список, но как?

Answer 1

Вы можете достичь этого, используя HTML Table. В этом примере я передаю товар и категории через класс кортежей

Модель

public class Category
{
    public int ID { get; set; }
    public string Name { get; set; }
}


public class Product
{
    public int ID { get; set; }
    public string Name { get; set; }
    public int CatgeoryID { get; set; }
}

Контроллер

// Get the product and category data from the database
var tuple = new Tuple<List<Category>, List<Product>>(categories, products);
return View(tuple);

Бритва

@model Tuple<List<Category>, List<Product>>

<table>
    @foreach (Product item in Model.Item2)
    {
    <tr>
        <td>@item.ID</td>
        <td>@item.Name</td>
        <td>
            @Html.DropDownList("Category",
                        new SelectList(Model.Item1,"ID", "Name", @item.CatgeoryID),
                        "Select Category",
                        new { @class = "form-control" })
            </td>
    </tr>
    }
</table>