Использование сетки Kendo в PartialView

Question

У меня есть два раздела в представлении Index моего приложения MVC, и я хочу отобразить два PartialView в этих разделах. Нет никакой проблемы, чтобы сделать kendogrid одним Индексом. Однако, чтобы сделать данные по KendoGrid, могу ли я использовать два метода, возвращающих Json в контроллер, как показано ниже. Не могли бы вы привести пример, как это сделать?

Контроллер:

public ActionResult Index() 
{ 
    return View(); 
} 

public ActionResult Issues_Read([DataSourceRequest]DataSourceRequest request) 
{ 
    IQueryable<Issue> issues = db.Issues; 
    DataSourceResult result = issues.ToDataSourceResult(request, c => new IssueViewModel 
    { 
     ID = c.ID, 
     ProjectID = c.ProjectID 
    }); 

    return Json(result); 
} 

Вид:

@(Html.Kendo().Grid<IssueViewModel>() 
    .Name("grid") 
    .Columns(columns => 
    { 
     columns.Bound(c => c.ProjectID); 
     columns.Command(command => { command.Edit(); command.Destroy(); }).Width(180); 
    }) 
    .ColumnMenu() 
    .Editable(editable => editable.Mode(GridEditMode.PopUp)) 
    .Pageable() 
    .Navigatable()  
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .Model(model => model.Id(p => p.ID)) 
     .Read(read => read.Action("Issues_Read", "Issue")) 
     .Create(create => create.Action("Issues_Create", "Issue")) 
     .Update(update => update.Action("Issues_Update", "Issue")) 
     .Destroy(destroy => destroy.Action("Issues_Destroy", "Issue")) 
) 
) 

Спасибо заранее.

Answer 1

Чтобы использовать один и тот же частичный вид несколько раз, идентификатор сетки должен быть уникальным, поэтому передача идентификатора в частичном представлении данных является одним из возможных решений. В вашем случае Частичный вид первого вызова:

@Html.Partial("grid", new ViewDataDictionary { { "id", "grid1" }}) 

Частичный вид на второй вызов:

@Html.Partial("grid", new ViewDataDictionary { { "id", "grid2" }}) 

Частичное содержание вид:

@(Html.Kendo().Grid<IssueViewModel>() 
    .Name(@ViewData["id"].ToString()) 
...