asp.net-mvc - 部分ページで Telerik Grid を使用するにはどうすればよいですか?

Question

ASP.NET MVC プロジェクトがあります。私のページの 1 つは、上部に入力フォームがあり、その下に結果の部分ページがあります。部分ページは Telerik Grid を使用します。ページングを使用しなければ、すべて正常に動作します。ただし、ページングをオンにすると、グリッドを更新できません。

助言がありますか？

Answer 1

パーシャルビューを呼び出すページにスクリプトtelerik.grid.jsが含まれていますか？部分ビューにも含める必要がある場合があります。

ページ上のScriptRegistrarには次のものが含まれている必要があります

ASPXエンジン

<% Html.Telerik().ScriptRegistrar().DefaultGroup(group => group
   .Add("telerik.common.min.js")
   .Add("telerik.grid.min.js")
   .Add("telerik.calendar.min.js")
   .Add("telerik.datepicker.min.js")
   .Add("telerik.grid.filtering.js")); 
%>

RAZORエンジン

@( Html.Telerik().ScriptRegistrar().DefaultGroup(group => group
       .Add("telerik.common.min.js")
       .Add("telerik.grid.min.js")
       .Add("telerik.calendar.min.js")
       .Add("telerik.datepicker.min.js")
       .Add("telerik.grid.filtering.js")); 
)

Answer 2

次のように、部分ビューで Telerik Grid を使用しています。

アクション (「MyController」上):

[GridAction]
public ActionResult _GetDataForGrid()
{
  return View(new GridModel
  {
    Data = GetMyViewModelList() // IEnumerable<MyViewModel>
  });
}

(部分)ビュー:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<MyViewModel>>" %>

<%= Html.Telerik().Grid(Model)
        .Name("Grid")
        .DataKeys(keys => keys.Add(x => x.Id))
        .Columns(columns =>
        {
            columns.Bound(x => x.Id)
            // ...
        })
        .DataBinding(dataBinding => dataBinding.Ajax()
            .Select("_GetDataForGrid", "MyController"))
        .Pageable()
        .Sortable()
        .Filterable()
%>

お役に立てれば。