Comment rendre fortement typé vues partielles en un point de vue ?

Je suis nouveau sur ce asp net mvc, mais a obtenu une solide expérience dans les formulaires web.

J'aimerais réaliser une page avec un menu à gauche de l'actif, que lorsque vous cliquez sur l'un des actifs les informations relatives à l'actif sont disponibles sur modifier à droite de la même page.

Maintenant je pense que j'ai besoin d'utiliser 2 fortement des types de vues partielles. 1 pour le menu de gauche, qui est de type Liste de l'Actif et 1 pour le panneau de droite de type Actif.

J'ai le menu de gauche, à ce jour

Contrôleur

public class AssetsController : Controller
{
    //
    //GET: /Assets/
    public ActionResult Index()
    {
        var assets =Repo.getAssetList();

        return View(assets);
    }

}

Vue De Mise En Page

 @model IList<CasWebSite.Models.Asset>

<!DOCTYPE html>
<html>
<head>
    <title>title</title>
</head>
<body>
    <h1>
        Assets</h1>


    @RenderBody()

</body>
</html>

Vue Index

    @model IList<CasWebSite.Models.Asset>
@{
    Layout = "_Layout.cshtml";
}
<ul>
    @foreach (var asset in Model)
    {
        <li>@asset.Name </li>
    }
</ul>

Alors, comment puis-je ajouter dans l'autre point de vue, dois-je créer une nouvelle vue partielle de type Actif, Ce qui serait le contrôleur de ressembler à je encore goto la page en allant à l'url /actifs, et comment puis-je transmettre des valeurs entre les 2 vues partielles, car j'ai besoin de savoir qui de l'actif a été sélectionné sur la gauche à modifier?

Grâce

OriginalL'auteur David Kethel | 2012-06-29

8

Si j'ai bien compris vous avez une vue unique où vous souhaitez afficher la liste des actifs dans une vue partielle et une autre vue partielle de modifier l'actif lorsqu'il est sélectionné.

D'abord, vous devez créer deux vues partielles.

Actifs.cshtml (vue partielle)
```
@model IList<Models.Asset>

.. iterate the model and display the menu of assets
```
EditAsset.cshtml (vue partielle)
```
@model Models.Asset

.. create the form and render the fields for editing
```
Maintenant dans la vue principale Index.cshtml vous devez appeler le Assets.cshtml à l'aide de Html.Partial/Html.RenderPartial tandis que l'autre sera appelée lors d'un clic de lien actif.

Index.cshtml
```
@Html.Partial("Assets", Model.Assets) @*rendering the partial view*@

... other html

<div id="editAssetContainer">  @*edit form placeholder*@
</div>
```
Noter que vous devez également disposer d'un espace réservé appelé editAssetContainer où vous allez pour afficher le formulaire d'édition.

Maintenant l'attente de la chose, c'est comment vous pouvez rendre le formulaire d'édition dans l'espace réservé à cliquer sur des liens actifs. Vous pouvez le faire par le biais de deux manières: soit directement à l'aide de jquery ou de l'utilisation de Ajax.ActionLink. Vous pouvez créer tous les liens actifs dans le Asset.cshtml vue partielle que les liens ajax. )Si vous êtes en utilisant Ajax.ActionLink n'oubliez pas d'inclure le discret ajax library)

Ex. de l'Ajax.ActionLink
```
@Ajax.ActionLink(linkText, 
"EditAsset", //the action that returns the partial view
new {assetId = @asset.Id }, //the assetId that to be passed to the action
new AjaxOptions //you can specify the targetid and others here..
   { UpdateTargetId = "editAssetContainer", 
      InsertionMode = InsertionMode.Replace 
   }
)
```
Dans les deux cas, vous avez besoin d'une action dans le contrôleur qui renvoie la EditAsset.cshtml.
```
public PartialViewResult EditAsset(int assetId)
{
   var asset = .. get asset using assetId from db.
   return PartialView(asset);
}
```
Mise à JOUR:

Il y a deux façons vous pouvez charger le modèle dans Assets.cshtml vue partielle. La première approche est que vous pouvez créer un modèle d'affichage qui contient la liste des actifs de propriété et de vous fortement du type de la index afficher avec ce modèle de vue. Ensuite, vous pouvez appeler la Html.Partial passage de l'actif.

Ex.
```
public class IndexViewModel
{
   public IList<Asset> Assets;
   .. other properties if there any
}
```
Index.cshtml
```
@model IndexViewModel

@Html.Partial("Assets", Model.Assets).
```
La deuxième approche est que vous pouvez avoir un enfant d'action qui obtient la liste des actifs de base de données et le retour de la vue partielle. Dans ce cas, vous n'avez pas besoin d'aller fortement tapant la Index vue.
```
[ChildActionOnly]
public PartialViewResult Assets()
{
   var assets = .. get from db
   return View(assets);
}
```
Vous pouvez appeler l'enfant à l'action de l' Index comme
```
@Html.Action("Assets")
```
Vous pouvez utiliser la mieux adaptée pour vous.

Cool merci. Je me demandais comment les actifs vue partielle obtenir ses données, a-t-elle sa propre méthode d'action sur le contrôleur. Question. suggèrent que l'indice de la liste et le transmet à l'partielle, j'auquel cas la vue index devront être fortement typé avec la liste des actifs. Est-ce la meilleure façon de faire?
Désolé, j'ai manqué de le dire. J'ai mis à jour ma réponse.

OriginalL'auteur VJAI
2

Vous êtes sur une bonne voie, vous devez créer deux vues partielles et de les placer dans une vue parent. Vous pouvez également envisager des appels AJAX au sein de la vue de mettre à jour des partiels.
Voici un post qui explique les étapes et comment votre point de vue-modèle de regarder au - Vues partielles en ASP.NET MVC 3 w/le moteur de vue Razor
OriginalL'auteur EL Yusubov

Vous devez vous connecter pour publier un commentaire.