0

行をコピーするカスタムコマンドボタンを備えたTelerikグリッドがあります。コマンドボタンは、JsonResultコントローラーメソッドを呼び出します。ラインをコピーしてモデルを返しますが、グリッドは変更されません。再バインドされていないためだと思います。

私はそれが自動的に起こるだろうと思った。

Html.Telerik().Grid<MerchantPageModel>()
          .Name("PageChooserGrid")
          .DataKeys(keys => keys
                                .Add(c => c.PageID)
                                .RouteKey("PageID"))
          .Columns(cols =>
              {
                  cols.Bound(c => c.Name).Width(300).ClientTemplate("<input type='text' name='name' value='<#= Name #>' readonly='true' />");
                  cols.Bound(c => c.Template).Width(400).ClientTemplate("<input type='text' name='template' value='<#= Template #>' readonly='true' />");
                  cols.Bound(c => c.Author).Width(100).ClientTemplate("<input type='text' name='author' value='<#= Author #>' readonly='true' />");
                  cols.Bound(c => c.ModifiedDate).Format("{0:MM/dd/yyyy}").Width(120).ClientTemplate("<input type='text' name='modifieddate' value='<#= ModifiedDate #>' readonly='true' />");
                  cols.Bound(c => c.IncludeInNav).ClientTemplate("<input type='checkbox' name='IncludeInNav' value='<#= IncludeInNav #>' <#= populateCheckboxes(IncludeInNav) #>'  />")
                      .Title("Include In Nav")
                      .Width(100);
                  cols.Command(commands =>
                      {
                          commands.Edit().ButtonType(GridButtonType.Text);
                          commands.Custom("Copy").Text("Copy").DataRouteValues(route => route.Add(o => o.PageID).RouteKey("PageID")).Ajax(true)
                              .Action("_AjaxCopyPage", "SetupWizard");
                          commands.Delete().ButtonType(GridButtonType.Text);
                      }).Title("Action List");
              })
          .DataBinding(data => data.Ajax()
                                   .Select("_AjaxBinding", "SetupWizard")
                                   .Update("_AjaxEditing", "SetupWizard")
                                   .Delete("_AjaxDelete", "SetupWizard"))
          .Pageable()
          .Sortable()
          .ClientEvents(events =>
              { events.OnComplete("Grid_onComplete");
                  events.OnCommand("Grid_onCommand");
                  events.OnDataBound("Grid_OnDataBound");
                  events.OnDataBinding("Grid_OnDataBinding");
              })
              .EnableCustomBinding(true)
          .Render();

そして、コントローラーは次を返します。

   return Json(pageModel.Pages, JsonRequestBehavior.AllowGet);
4

2 に答える 2

2

あなたは電話する必要があります

var grid = $('#PageChooserGrid').data('tGrid');
grid.rebind();

カスタムコマンドをjavascriptで実行した後。

これにより、グリッドが強制的に再バインドされます。

于 2012-06-23T20:07:38.747 に答える
0

OnCompleteメソッドを使用する必要があります。

events.OnComplete("Grid_OnComplete");

JSコードは次のようになります

function Grid_OnComplete(e) {
if (e.name == "copy") {
    $("#" + e.currentTarget.id).data("tGrid").dataBind(e.response.data);
}

}

グリッド全体に共通のカスタム関数がたくさんあり、そのようにイベントにアタッチします。

var bindGridComplete = function ($grid) {
$grid.on('complete', function (e) {
    if (e.name == "copy") {
        $("#" + e.currentTarget.id).data("tGrid").dataBind(e.response.data);
    }
});

};

于 2012-06-29T07:11:24.397 に答える