2

異なる情報 (モデル) を持つ 2 つの Telerik Kendo グリッドを 1 つのビューに表示しようとしていますが、その方法がわかりません。

モデル：

using System.Collections.Generic;

namespace KendoUIMvcApplication1.Models
{
    public class Car
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }

    public class Truck
    {
        public int Id { get; set; }
         public string Name { get; set; }
    }

    public class Vehicles
    {
        public IEnumerable<Car> CarCol { get; set; }
        public IEnumerable<Truck> TruckCol { get; set; }
    }
}

コントローラー (いくつかのテスト オブジェクトの作成):

using System.Collections.Generic;
using System.Web.Mvc;
using KendoUIMvcApplication1.Models;

namespace KendoUIMvcApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            var carList = new List<Car>();
            var truckList = new List<Truck>();
            var vehCol = new Vehicles();

            var car1 = new Car
            {
                Id = 1, 
                Name = "Passat"
            };
            var car2 = new Car
            {
                Id = 2,
                Name = "Passat"
            };
            carList.Add(car1);
            carList.Add(car2);

            var truck1 = new Truck
            {
                Id = 1,
                Name = "S10"
            };
            var truck2 = new Truck
            {
                Id = 1,
                Name = "Blazer"
            };
            truckList.Add(truck1);
            truckList.Add(truck2);

            vehCol.CarCol = carList;
            vehCol.TruckCol = truckList;

            return View(vehCol);
        }
    }
}

表示 (ここでは、2 つのグリッドを表示しようとしています。最初のグリッドは車用で、2 番目のグリッドはトラック用です):

@using KendoUIMvcApplication1.Models

@model IEnumerable<Vehicles>

@*// Car Grid*@
@(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns => {
        columns.Bound(c => c.Id);
        columns.Bound(c => c.Name);
    })
)

<div></div>

@*// Truck Grid*@
@(Html.Kendo().Grid(Model))
    .Name("Grid")
    .Columns(columns => {
        columns.Bound(t => t.Id);
        columns.Bound(t => t.Name);
    })
)
4

1 に答える 1

2

モデルのタイプは次のVehiclesとおりです。

@model Vehicles

次に、2 つのコレクションにアクセスできます。

@Html.Kendo().Grid(Model.CarCol)
...

と

@Html.Kendo().Grid(Model.TruckCol)
...
于 2012-12-07T19:49:30.800 に答える