La mise à jour de PartialView mvc 4

Ey!
Comment j'ai pu actualiser une Vue Partielle avec les données du Modèle?
Première fois, lors du chargement de la page qu'il fonctionne correctement, mais pas quand je l'appelle de l'Action.
La structure que j'ai créée ressemble:

N'importe où à mon avis:

 @{ Html.RenderAction("UpdatePoints");}

Mon PartialView "UpdatePoints":

<h3>Your points are @ViewBag.points </h3>

Au niveau du Contrôleur, j'ai:

public ActionResult UpdatePoints()
        {

            ViewBag.points =  _Repository.Points;
            return PartialView("UpdatePoints");
        }

Merci pour votre aide!

Mise à JOUR

Merci à tous pour votre aide! Enfin j'ai utilisé JQuery/AJAX comme vous l'avez suggéré, en passant le paramètre à l'aide de modèle.

Donc, en JS:

$('#divPoints').load('/Schedule/UpdatePoints', UpdatePointsAction);
var points= $('#newpoints').val();
$element.find('PointsDiv').html("You have" + points+ " points");

Dans Le Contrôleur:

var model = _newPoints;
return PartialView(model);

En Vue

<div id="divPoints"></div>
@Html.Hidden("newpoints", Model)

Vous êtes à la recherche d'utiliser AJAX pour cela?
Votre question n'est pas clair, quand ça marche et quand est-il pas? Nous montrer le code que vous utilisez pour les deux

OriginalL'auteur Mario Levrero | 2013-08-15

asp.net-mvc-4 c#partial-views viewbag

23

Donc, disons que vous avez votre point de Vue avec PartialView, qui doivent être mis à jour par clic de bouton:
```
<div class="target">
    @{ Html.RenderAction("UpdatePoints");}
</div>

<input class="button" value="update" />
```
Il y a quelques façons de le faire. Par exemple, vous pouvez utiliser jQuery:
```
<script type="text/javascript">
    $(function(){    
        $('.button').on("click", function(){        
            $.post('@Url.Action("PostActionToUpdatePoints", "Home")').always(function(){
                $('.target').load('/Home/UpdatePoints');        
            })        
        });
    });        
</script>
```
PostActionToUpdatePoints est votre Action avec [HttpPost] attribut, que vous utilisez pour mettre à jour les points

Si vous utilisez la logique dans votre action UpdatePoints() pour mettre à jour les points, peut-être que vous avez oublié d'ajouter [HttpPost] attribut:
```
[HttpPost]
public ActionResult UpdatePoints()
{    
    ViewBag.points =  _Repository.Points;
    return PartialView("UpdatePoints");
}
```
les gars, cette solution fonctionne. quelques réparations. Si vous mettez HttpPost d'annotation, vous ne serez pas en mesure de faire de l'Obtenir par le biais de jquery la fonction de charge. supprimer l'annotation. la "Charge" de la fonction est en minuscule. et la méthode post est "$.poste" au lieu de $post. résoudre ce peu de choses et il va fonctionner comme un charme

OriginalL'auteur Andriy Gubal

Vous pouvez également essayer cette.

 $(document).ready(function () {
            var url = "@(Html.Raw(Url.Action("ActionName", "ControllerName")))";
            $("#PartialViewDivId").load(url);
        setInterval(function () {
            var url = "@(Html.Raw(Url.Action("ActionName", "ControllerName")))";
            $("#PartialViewDivId").load(url);
        }, 30000); //Refreshes every 30 seconds

        $.ajaxSetup({ cache: false });  //Turn off caching
    });

Il fait un appel initial à la charge de la div, et les appels suivants sont à 30 secondes d'intervalle.

Dans la section du contrôleur vous pouvez mettre à jour l'objet et passer de l'objet à la vue partielle.

public class ControllerName: Controller
{
    public ActionResult ActionName()
    {
        .
        .   //code for update object
        .
        return PartialView("PartialViewName", updatedObject);
    }
}

OriginalL'auteur Rashad Annara

Merci à tous pour votre aide!
Enfin j'ai utilisé JQuery/AJAX comme vous l'avez suggéré, en passant le paramètre à l'aide de modèle.

Donc, en JS:

$('#divPoints').load('/Schedule/UpdatePoints', UpdatePointsAction);
var points= $('#newpoints').val();
$element.find('PointsDiv').html("You have" + points+ " points");

Dans Le Contrôleur:

var model = _newPoints;
return PartialView(model);

En Vue

<div id="divPoints"></div>
@Html.Hidden("newpoints", Model)

OriginalL'auteur Mario Levrero

Contrôleur :

public ActionResult Refresh(string ID)
    {
        DetailsViewModel vm = new DetailsViewModel();  //Model
        vm.productDetails = _product.GetproductDetails(ID); 
        /* "productDetails " is a property in "DetailsViewModel"
        "GetProductDetails" is a method in "Product" class
        "_product" is an interface of "Product" class */

        return PartialView("_Details", vm); //Details is a partial view
    }

Dans antan page index vous devriez avoir le lien d'actualisation :

     <a href="#" id="refreshItem">Refresh</a>

Ce Script doit être aussi dans votre page d'index:

<script type="text/javascript">

    $(function () {
    $('a[id=refreshItem]:last').click(function (e) {
        e.preventDefault();

        var url = MVC.Url.action('Refresh', 'MyController', { itemId: '@(Model.itemProp.itemId )' }); //Refresh is an Action in controller, MyController is a controller name

        $.ajax({
            type: 'GET',
            url: url,
            cache: false,
            success: function (grid) {
                $('#tabItemDetails').html(grid);
                clientBehaviors.applyPlugins($("#tabProductDetails")); //"tabProductDetails" is an id of div in your "Details partial view"
            }
        });
    });
});

OriginalL'auteur Husam Ebish

Vous devez vous connecter pour publier un commentaire.