jQuery datatable每行中的下拉列表

时间:2019-04-10 05:35:45

标签: jquery model-view-controller datatable

我有2张桌子。 Category(Id, Name)Product(Id, Name, CatgeoryID)。现在,我必须在数据表中显示产品名称和类别名称。我正在处理jquery datatablea,需要从数据库中获取基于产品的类别。我理解了这一部分,我将不得不在('#myDatatable').Datatable列下创建一个下拉菜单,但是如何?

1 个答案:

答案 0 :(得分:0)

您可以使用HTML表实现此目的。在示例中,我通过元组类传递产品和类别

型号

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>