C# 同一视图中不同模型的多个网格

如何在同一视图中有多个不同模型的网格

我不太明白剑道格网是如何运作的。 问题是当我有一个模型的网格时，网格总是在视图中显示一些东西。当我只使用一个网格时，这就是我的网格

在HTML中：

@model IEnumerable<CampeonatoFutbol.Models.PartidoClub>
@(Html.Kendo().Grid(Model)
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(c => c.ClubDesc).Title("EQUIPO").Width(220);
        columns.Bound(c => c.PrtidoCodigo).Title("PJ").Width(60);
        columns.Bound(c => c.GolesClub).Title("GC").Width(60);
        columns.Bound(c => c.PuntosClub).Title("PUNTOS").Width(150);
    })
    .HtmlAttributes(new { style = "height: 300px;" })
    .Scrollable()
    .Reorderable(reorder => reorder.Columns(true))
    .Pageable(pageable => pageable
        .PageSizes(true))
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
    )

当我试图展示另一个不同模型的网格时，问题就出现了，如下所示：

 @(Html.Kendo().Grid<CampeonatoFutbol.Models.Player>()
    .Name("gridGoleadores")
    .Columns(columns =>
    {
        columns.Bound(c => c.NombreJugador).Title("JUGADOR").Width(220);
        columns.Bound(c => c.ClubDesc).Title("EQUIPO").Width(60);
        columns.Bound(c => c.GolesJugador).Title("GOLES").Width(60);
    })
    .HtmlAttributes(new { style = "height: 300px;" })
    .Scrollable()
    .Reorderable(reorder => reorder.Columns(true))
    .Pageable(pageable => pageable
    .PageSizes(true))
    .DataSource(dataSource => dataSource
        .Ajax()        
        .Read(read => read.Action("GoleadoresCampeonato", "Campeonato"))
        .PageSize(20)
        )
    )

我也尝试过这种方法，但不起作用：

public ActionResult GoleadoresCampeonato([DataSourceRequest]DataSourceRequest request)
{
    return Json(anotherList.ToDataSourceResult(request));
}

只有第一个网格向我显示了一些东西，我希望另一个网格也向我显示了一些东西

---

如何解决此问题？

您必须为其创建一个视图模型检查以下代码：

公共部分类主模型
{
//单身
公共虚拟播放器{get；set；}
公共虚拟PartidoClub PartidoClub{get；set；}
//名单
公共列表liPartidoClub{get；set；}
公共列表层{get；set；}
}
//查看您的代码
@模型应用程序.model.MasterModel
//对于同一视图上的第一个网格
@（Html.Kendo（）.Grid（Model.liPartidoClub）
.名称（“网格”）
.列（列=>
{
列.绑定（c=>c.ClubDesc）.标题（“EQUIPO”）.宽度（220）；
列绑定（c=>c.PrtidoCodigo）.Title（“PJ”）.Width（60）；
列。绑定（c=>c.Goleslub）。标题（“GC”）。宽度（60）；
列。绑定（c=>c.PuntosClub）。标题（“PUNTOS”）。宽度（150）；
})
.HtmlAttributes（新的{style=“height:300px；”}）
.Scrollable（）
.Reorderable（reorder=>reorder.Columns（true））
.Pageable（Pageable=>Pageable
.PageSizes（真））
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（20）
)
)
//用于同一视图上的第二个栅格
@（Html.Kendo（）.Grid（））
.名称（“gridGoleadores”）
.列（列=>
{
列。绑定（c=>c.NombreJugador）。标题（“JUGADOR”）。宽度（220）；
列。绑定（c=>c.ClubDesc）。标题（“EQUIPO”）。宽度（60）；
列。绑定（c=>c.GolesJugador）。标题（“GOLES”）。宽度（60）；
})
.HtmlAttributes（新的{style=“height:300px；”}）
.Scrollable（）
.Reorderable（reorder=>reorder.Columns（true））
.Pageable（Pageable=>Pageable
.PageSizes（真））
.DataSource（DataSource=>DataSource
.Ajax（）
.Read（Read=>Read.Action（“GoleadoresCampeonato”、“Campeonato”））
.页面大小（20）
)
)

---

希望这段代码能帮助你

您必须为其创建一个视图模型，请检查以下代码：

公共部分类主模型
{
//单身
公共虚拟播放器{get；set；}
公共虚拟PartidoClub PartidoClub{get；set；}
//名单
公共列表liPartidoClub{get；set；}
公共列表层{get；set；}
}
//查看您的代码
@模型应用程序.model.MasterModel
//对于同一视图上的第一个网格
@（Html.Kendo（）.Grid（Model.liPartidoClub）
.名称（“网格”）
.列（列=>
{
列.绑定（c=>c.ClubDesc）.标题（“EQUIPO”）.宽度（220）；
列绑定（c=>c.PrtidoCodigo）.Title（“PJ”）.Width（60）；
列。绑定（c=>c.Goleslub）。标题（“GC”）。宽度（60）；
列。绑定（c=>c.PuntosClub）。标题（“PUNTOS”）。宽度（150）；
})
.HtmlAttributes（新的{style=“height:300px；”}）
.Scrollable（）
.Reorderable（reorder=>reorder.Columns（true））
.Pageable（Pageable=>Pageable
.PageSizes（真））
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（20）
)
)
//用于同一视图上的第二个栅格
@（Html.Kendo（）.Grid（））
.名称（“gridGoleadores”）
.列（列=>
{
列。绑定（c=>c.NombreJugador）。标题（“JUGADOR”）。宽度（220）；
列。绑定（c=>c.ClubDesc）。标题（“EQUIPO”）。宽度（60）；
列。绑定（c=>c.GolesJugador）。标题（“GOLES”）。宽度（60）；
})
.HtmlAttributes（新的{style=“height:300px；”}）
.Scrollable（）
.Reorderable（reorder=>reorder.Columns（true））
.Pageable（Pageable=>Pageable
.PageSizes（真））
.DataSource（DataSource=>DataSource
.Ajax（）
.Read（Read=>Read.Action（“GoleadoresCampeonato”、“Campeonato”））
.页面大小（20）
)
)

希望这段代码能帮助你

public ActionResult GoleadoresCampeonato()
{
    return View(anotherList);
}

public ActionResult GoleadoresCampeonato([DataSourceRequest]DataSourceRequest request)
{
    return Json(anotherList.ToDataSourceResult(request));
}