Est-il possible de lancer une fonction javascript après une vue partielle rend en MVC Asp.net?

Permettez-moi de commencer cette question avec le fait que je suis très nouveau à la MVC.

J'ai un exemple où je suis rendu un devexpress grille dans une vue partielle.

@Html.Partial("MyGridPartial", Model)

J'ai besoin pour lancer une fonction javascript au moment où le modèle a été peuplées par cette vision partielle de rendu. J'ai essayé de le faire via ce. :

settings.ClientSideEvents.EndCallback

Je peux arriver à ce point, mais à l'époque je n'ai pas le modèle lui-même peuplé de sorte qu'il n'est pas bon. Je me demandais si quelqu'un est au courant d'une façon générique de coups de pied/attacher à une vue partielle de rendu afin de sauter dans certains infoclient code javascript.

Tu veux dire "exécuter JavaScript sur le serveur lorsque la moitié de il HTML est rendue?"
En gros, j'ai besoin d'accéder aux données (modèle) fourni par la vue partielle sur le client après la vue partielle a rendu. J'ai essayé de nombreuses façons de lancer une fonction javascript pour que je puisse exécuter certains infoclient code qui permettrait d'effectuer des manipulations sur le modèle, mais à chaque tentative que j'ai faite a été gravement échoué.

OriginalL'auteur Bill Blankenship | 2013-01-22

  1. 5

    Si vous êtes le rendu de ce partiel dans le cadre du déroulement normal d'un point de Vue rendu, la réponse est NON.

    Raison pour cela est la Partielle est convertie en une chaîne de caractères avant de la Vue parent est même rendu. À ce moment, aucun de vos balisage a été vu par le navigateur, sans jscript a été lu.

    Si, d'autre part, vous avez rendu la partielle dans votre JQuery Prêt de la fonction:

    $(document).ready(function() {

    Je pense que vous devez utiliser une Action Partielle (Partial qui est appelée par une méthode d'action). Action Partiels peut être appelée à l'intérieur de votre JQuery Prêt de la fonction par la référence à l'url (paisiblement):

    $('#divMyGridPartial').load('/Grids/MyGridPartial/{id}');

    et un suivi jscript/jquery fonctions peuvent être appelées dans le prêt de la série.

    L'autre avantage d'une Action Partielle, le Modèle est formé à l'intérieur de la méthode de l'action, et peut être créé de manière contextuelle, à ce dont vous avez besoin (idéalement, fondée off un id passé).

    Tous les deux corrects, j'ai finalement obtenu un travail, mais j'ai fini par le faire différemment que les deux réponses ci-dessus.
    comment êtes-vous passé de la mettre en œuvre?

    OriginalL'auteur Dave Alperovich

  2. 7

    Si c'est un PartialView vous êtes rendu d'une Vue sur la serverthen Dave méthode fonctionnerait mieux. Il suffit d'y brancher votre code pour les DOM prêt événement.

    $(document).ready(function(){
    //Javascript logic to fire goes here
});

    ou si vous prever la version courte...

    $(function(){
    //Javascript logic to fire goes here
});

    Si vous effectuez le rendu d'une vue partielle qui est en train d'être chargé via Ajax ensuite la même méthode de travail. jQuery va exécuter du javascript dans le code html renvoyé au client via Ajax, une fois qu'il est attaché à la DOM si je me souviens bien (n'hésitez pas à tester ce, je vais simplement par la mémoire de il tir une fois fixé le DOM, mais je crois que c'est une caractéristique de la load() méthode), en supposant que le code javascript que vous voulez exécuter est dans la réponse. Si c'est dans la page parent de l'envoi de la requête Ajax alors vous êtes meilleur pari est de le raccorder à l'événement complete. (Je suis le remplissage de ce paramètre sur le côté client ici)

    $("#wrapperAwaitingContent").load("/Grids/MyGridPartial", {id: null /*parameters*/}, function(text, status, xhr){
    //Javascript logic to fire goes here
});

    Pour moi l'url utilisée dans le .load() appel est résolu à l'aide de la UrlHelper sur le serveur

    $("#wrapperAwaitingContent").load("@Url.Action("MyGridPartial", "Grids")", {id: null /*parameters*/}, function(text, status, xhr){
    //Javascript logic to fire goes here
});

    Vous avez également la possibilité de faire quelque chose de similaire à cette aide Discrète Ajax. (Je suis le remplissage de ce paramètre sur le serveur de côté ici)

    @Ajax.ActionLink("Load Data", "MyGridPartial", "Grids", new { id = null/*parameters*/ }, new AjaxOptions() { UpdateTargetId = "wrapperAwaitingContent", OnComplete="onCompleteMethodName" })

    Il y a plus de propriétés que vous pouvez définir pour le AjaxOptions autre que l'élément de recevoir le code HTML et la méthode à appeler lorsque c'est fini, mais je trouve que je vais réutiliser les fonctions définies dans un partage des fichier javascript et les remplir uniquement si elles ne sont pas déjà peuplée à partir de là, quelque chose comme ça...

    $("a[data-ajax='true']").each(function () {
    var ajaxUpdate = $(this).closest("data-ajax-container");
    $(this).attr("data-ajax-update", $(this).attr("data-ajax-update") ? $(this).attr("data-ajax-update") : ajaxUpdate);
    $(this).attr("data-ajax-mode", $(this).attr("data-ajax-mode") ? $(this).attr("data-ajax-mode") : "replace");
    $(this).attr("data-ajax-success", $(this).attr("data-ajax-success") ? $(this).attr("data-ajax-success") : "AjaxSuccess");
    $(this).attr("data-ajax-complete", $(this).attr("data-ajax-complete") ? $(this).attr("data-ajax-complete") : "AjaxComplete");
    $(this).attr("data-ajax-failure", $(this).attr("data-ajax-error") ? $(this).attr("data-ajax-error") : "AjaxError");
});
    Tous les deux corrects, j'ai finalement obtenu un travail, mais j'ai fini par le faire différemment que les deux réponses ci-dessus
    veuillez poster votre solution
    Malheureusement, j'ai déménagé loin de l'aide de Devexpress et n'arrive pas à trouver ce code n'importe où. Dan au-dessus de demandé la même chose que tout à l'arrière et à l'époque j'avais descendu un itinéraire complètement différent de la mise en œuvre de l'ensemble du projet. Je voulais répondre à Dan, mais perdu au milieu d'une montagne de codage qui ont besoin d'être fait.

    OriginalL'auteur Nick Albrecht