Comment puis-je actualiser la grille après que j'ai modifier le Kendo UI grille?

Ajouter des Événements dans la source de données

.DataSource(dataSource => dataSource.Ajax(

        .Events(e => e.RequestEnd("PowerPlantProduction.onRequestEnd"))**
)

Javascript:

onRequestEnd: function (e) {

        if (e.type == "update") {
            if (!e.response.Errors) {
               e.sender.read();
            }
        }
    },

Cela mettra à jour la Grille

 var grid = $("#Name").data("kendoGrid");
     grid.dataSource.page(1);

si .page(1) ne fonctionne pas essayer .lire, mais il devrait

Je suis d'accord c'est une très vieille question, mais malheureusement j'ai été victime de cette erreur de quelques jours en arrière. Mon scénario était

1. Premier temps, j'ai pu insérer un nouvel enregistrement dans la base de données à l'aide de popup méthode
2. Si j'ai ajouter un autre enregistrement dans le même réseau sans actualisation de la grille, l'envoie à la fois les enregistrements de serveur, et conduit malheureusement à double valeur d'erreur.

Enfin, je crois que j'ai une solution pour mon problème, je n'étais pas le réglage de la valeur de la clé primaire de mon dossier lorsque je l'insère dans la base de données et le retour de l'objet.

Ci-dessous est mon kendo code de réseau

@(Html.Kendo().Grid<TeamMemberViewModel>()
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(p => p.abcd);
            columns.Bound(p => p.abcd_id).Hidden();
            columns.Bound(p => p.abcd12_id).Hidden();
            columns.Command(command =>
            {
                command.Edit();
                command.Destroy();
            });
        })
        .ToolBar(toolbar =>
        {
            if (ViewBag.IsAddAllowed)
            {
                toolbar.Create().Text("Add new");
            }

            // toolbar.Save().SaveText("Save Changes");

        })
        .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("ABCD")
        )
        .Pageable()
        .Navigatable()
        .Sortable()
        .Scrollable()
        .DataSource(dataSource => dataSource
            .Ajax()                
            .PageSize(20)
            .ServerOperation(false)
            .Events(events =>
            {
                events.Error("error_handler");
                events.RequestEnd("request_end");
            }
)
        .Model(model =>
        {
            model.Id(p => p.primarykey_id);
            model.Field(p => p.abcd);
        })
        .Create("ABCD_Create", "TeamMember", new { id = Model.abcd_id})
        .Read("ABCD_Read", "TeamMember", new { id = Model.abcd_id })
        .Update("ABCD_Update", "TeamMember", new { id = Model.abcd_id })
        .Destroy("TeamMember_Destroy", "TeamMember", new { id = Model.hackathon_id })
    )
)

Ci-dessous est le code de gestion d'erreur

  function error_handler(e) {
        if (e.errors) {
            var message = "Errors:\n";
            $.each(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            $(".errorMessage").text(message);
            alert(message);
        }
    }



    function request_end(e) {
        switch (e.type) {
            case "create":
                if (e.Errors == undefined && e.response.Total > 0) {
                    // alert("Saved Successfully");
                    $(".errorMessage").text("Saved Successfully");
                }
                break;

            case "update":
                if (e.Errors == undefined && e.response.Total > 0) {
                    //alert("Updated Successfully");
                    $(".errorMessage").text("Updated Successfully");
                }
                break;

            case "destroy":
                if (e.Errors == undefined && e.response.Total > 0) {
                    //alert("Deleted Successfully");
                    $(".errorMessage").text("Deleted Successfully");
                }
                break;

            default:
                $(".errorMessage").text("");
                break;
        }

        return true;
    }

Code Serveur

 [AcceptVerbs(HttpVerbs.Post)]
public ActionResult ABCD_Create([DataSourceRequest] DataSourceRequest request, MyViewModel my, short abcd_id)
{
    if (my != null && ModelState.IsValid)
    {

        MY tm = Mapper.Map<MyViewModel>(my);
        tm.abcd_id = abcd_id;

        try
        {
            repo.Create(tm);
            my.primarykey_id = tm.primarykey_id;   ///This is most important                           
        }
        catch (Exception ex)
        {
            ModelState.AddModelError("Duplicate Value Found", string.Format("error: {0} already exists", my.abcd));
        }
    }
    else
    {
        ModelState.AddModelError("Error", "Not valid please send data again");
    }

    return Json(new[] { my }.ToDataSourceResult(request, ModelState));
}

Espère que cela peut aider quelqu'un

.sync: function (e) {
this.read();
},

J'ai été à essayer de comprendre comment actualiser la grille après la création d'un nouvel élément. Scénario: Créer un élément dans le client, envoie la demande au serveur, recevoir de réponse et de mise à jour client. (Sinon, je ne me dérangerait pas d'essayer de comprendre pourquoi le réseau n'utilise pas l'article que je suis de retour dans le côté serveur create function)

Ce post mentionne le requestEnd événement, mais il n'est pas exposé au rasoir. Cet événement semble le feu après une demande est fini, c'est, après le processus de serveur de l'événement, de sorte que les nouveaux objets créés sur le client sera déjà envoyé au serveur pour traitement; ensuite, le client peut demander les informations les plus récentes sans perdre de données. Depuis la grille de la source de données d'objet non définie au chargement de la page, j'ai fini à l'aide de la .Change événement à crochet de la requestEnd événement.

@(Html.Kendo().Grid
.Name("user-grid")
...
.Pageable(pageable => pageable
    ...
    .Events( e => e.Remove("grid_remove").Change("hook_request_end"))
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .Model(m =>
    {
        m.Id(vm => vm.DocumentId);
        m.Field<DateTime>("LastModified").Editable(false);
    })
    .Read(a => a.Action("KList", "Controller"))
    .Create(a => a.Action("KCreate", "Controller"))
    .Update(a => a.Action("KUpdate", "Controller"))
)

et puis le javascript:

var requestEndHooked = false;
function hook_request_end()
{
    if (requestEndHooked == true)
    {
        return;
    }

    requestEndHooked = true;
    $("#user-grid").data("kendoGrid").dataSource.bind("requestEnd", dataSource_requestEnd);
}

function dataSource_requestEnd(e)
{
    try
    {
        if (e.type == "create")
        {
            $("#user-grid").data("kendoGrid").dataSource.read();
        }

    }
    catch (e)
    {
    }
}

Si il ya une meilleure façon, j'aimerais savoir.

Pour répondre à votre question, il y a d'autres événements que "créer": "lire", "mise à jour"