Comment faire pour afficher le chargement de l'image avant le chargement des données dans le kendo mvc de l'interface utilisateur de la grille?

Je suis en train de travailler sur asp.net mvc 3. J'essaie d'afficher la liste des enregistrements à l'aide de kendo mvc de l'interface utilisateur de la grille. et j'ai mis modifiable en mode de popup de sorte que le traitement pourrait être fait sur le serveur. Je veux afficher le chargement de l'image avant de données est en cours de chargement dans le réseau, cela signifie que pendant la recherche,l'actualisation etc. J'ai utilisé la grille comme

 @(Html.Kendo().Grid(Model)
    .Name("GrdXXX")
    .HtmlAttributes(new { style="width:1000px;" })
    .Columns(columns =>
    {
        columns.Bound(p => p.xxx).Width(50);
        columns.Bound(p => p.yyy).Width(50);
        columns.Bound(p => p.zzz).Width(80);
        columns.Bound(p => p.State).Width(50);
        columns.Bound(p => p.Phone).Width(70);
        columns.Command(command => { command.Edit().Text("Edit Details"); command.Destroy().HtmlAttributes(new { onclick = "return DeleteConfirm();" }); }).Width(120);
    })
    .ToolBar(toolbar => toolbar.Create().Text("Add New Zip Code"))
    .Editable(editable => editable.Mode(GridEditMode.PopUp).Window(m => m.Title("Edit Zipcode").Draggable().Resizable()))
            .Pageable()
            .Sortable()
            .Scrollable()
    .DataSource(dataSource => dataSource
        .Server()
        .Model(model => model.Id(p => p.RecNo))
                .Update("Update", "ghj")
                .Create("Create", "ghj")
                .Destroy("Delete", "ghj")
    )
)

J'ai essayé d'utiliser ajax jquery, les appels, mais il ne marche pas pour moi. merci donc de me guider.

InformationsquelleAutor Karthik Bammidi | 2012-09-28
  1. 5

    Voici comment je l'ai résolu en ajoutant explicitement le chargement effet de Kendo de la grille par l'extension de jQuery. Il utilise le natif de Kendo style.

    $.extend($.fn, {
        busy: function (c) {
            b = $(this);
            var d = b.find(".k-loading-mask");
            c ? d.length || (d = $("<div class='k-loading-mask'><span class='k-loading-text'>Loading...</span><div class='k-loading-image'/><div class='k-loading-color'/></div>").width(b.outerWidth()).height(b.outerHeight()).prependTo(b)) : d && d.remove()
        }        
    });

    Et ensuite l'utiliser comme

    $("#grid").busy(true); //change to false to hide loading effect
    InformationsquelleAutor Tomislav Markovski
  2. 2

    Une meilleure solution que recommandé par Telerik:

    //show loading indicator
kendo.ui.progress($element, true);

//hide loading indicator
kendo.ui.progress($element, false);

//$element is a jQuery object. The element must have a position:relative style applied

    Réf. http://www.telerik.com/forums/how-to-manually-show-and-hide-loading-or-spinning-image#Y_apWF417kKpicdUz0NUHg

    InformationsquelleAutor user1477388
  3. 0

    La grille affiche un chargement d'image automatiquement s'il a été configuré pour l'ajax de liaison. Votre réseau est configuré pour le serveur de liaison qui s'appuie sur l'organisation régulière de requêtes HTTP GET (sans Ajax). Un chargement de l'image serait immédiatement retiré une fois que le navigateur commence à faire la demande HTTP GET.

    • j'ai besoin d'afficher la fenêtre popup pour la modification d'enregistrements ou d'ajouter de nouveaux enregistrements. je dois donc utiliser le serveur() la méthode. Est-il possible de mettre de chargement effet explicitement lors de la pagination,de chargement, etc.
    • Pas de. Et je pense que j'ai dit que dans ma réponse.
    InformationsquelleAutor Atanas Korchev