Блог

Главная - Вопросы по программированию - Выпадающий список в каждой строке jquery datatable

Выпадающий список в каждой строке jquery datatable

#jquery #model-view-controller #datatable

#jquery #model-view-controller #datatable

Вопрос:

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

Комментарии:

1. вы пробовали что-нибудь до сих пор

2. Не могли бы вы показать свой код, как вы связываете таблицу данных с помощью Jquery.

Ответ №1:

Вы можете добиться этого с помощью HTML-таблицы. В примере я передаю продукт и категории через класс tuple

Модель

 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);

Razor

 @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>