Dans MVC / Razor, comment puis-je obtenir les valeurs de plusieurs cases à cocher et les transmettre au contrôleur?

J'ai vue avec une liste d'éléments à partir d'un modèle. J'ai besoin d'ajouter une case à cocher pour chaque ligne, demandez à l'utilisateur de sélectionner plusieurs cases à cocher, et passer quelques identificateur de ce ligne a été sélectionné pour le contrôleur. Je sais comment passer une seule valeur par le biais d'un lien d'action, mais je ne suis pas sûr de la façon de passer plusieurs valeurs par le biais d'un lien d'action ou de la façon de "recueillir" les lignes qui ont été sélectionnés. Je vais vous montrer certains de mes code tente ci-dessous. Quelqu'un peut-il m'aider à trier pourquoi je ne peux pas obtenir les valeurs de toutes les cases transmis au contrôleur?

Voici ma page

Checkbox     App ID     Date     Name
   []          1        5/10     Bob
   []          2        5/10     Ted
   []          3        5/11     Alice

Ce que j'ai besoin de l'utilisateur à faire est de sélectionner des lignes 1 & 3 (par exemple), celles-App ID est transmis au contrôleur.

J'ai commencé à inscrire des tentatives diverses, mais simplement décidé de montrer mon essai en cours et voir si quelqu'un peut ce que je fais mal. La principale différence que je vois entre les exemples en ligne et la mienne est celle de la mine utilise un PagedList et crée les lignes de la table dans une boucle foreach.

Le paramètre ints est vide quand il frappe le contrôleur. Comment puis-je obtenir les valeurs des cases à cocher? J'ai utilisé ce site pour l'idée de base de nommer toutes les cases de la même, et en passant une ICollection à travers le lien d'action:
http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/

Vue:

@model PagedList.IPagedList<CarmelFinancialWeb.Models.ModelMerchantSummary>
<div class="block" style="width: 100%; float: left">
<p class="block-heading"> 
Merchant Application Report
</p>
<div class="table-holder">
    <table class="table" style="margin-bottom: 0px">
            <tbody>
                @foreach (var item in Model)
                {
                    <tr>
                        <td>
                            <input type="checkbox" name="ints" value=item.ApplicationID />
                        </td>
                    <td>
                        @Html.ActionLink(item.ApplicationID.ToString(), "ViewApplication", new { ID = item.ApplicationID, edit = 1 }, new AjaxOptions { HttpMethod = "GET" })
                    </td>
                    <td>
                        @Convert.ToDateTime(item.ApplicationDate).ToString("M/d/yy")
                    </td>
                    <td>
                        @item.ApplicantName
                    </td>
        </tbody>
    </table>
</div>
</div>
@Html.ActionLink("Print Application", "PrintApplication", "CreateContract", new { @class = "btn btn-primary" })

Contrôleur:

    [AuthorizeAdmin]
    public ActionResult PrintApplication(ICollection<int> ints, string ID)
    {
        Contracts_Create contract = new Contracts_Create();
        ModelApplication currentApplication = new ModelApplication();
        currentApplication.contract = new ModelContract();
        return File(contract.CreatePDF_PrintedApplication_English(currentApplication.contract.location, currentApplication.contract), "application/pdf");
    }

Edit:
Ça a été étiqueté comme un doublon d'une autre question. La question était de savoir si la non-séquentielle des noms d'entrée pourrait être utilisé. Mon problème est que je suis à l'utilisation des intrants qui ne sont pas des non-séquentielle, mais il ne fonctionne toujours pas. Je comprends le concept, je ne peux pas comprendre pourquoi mon code ne fonctionne pas. J'ai mis beaucoup de temps à cela et ne peut pas trouver la réponse à mon code spécifique. Merci!

source d'informationauteur boilers222

asp.net-mvc asp.net-mvc-4 c#checkbox razor

Essayer de passer un ViewModel dans votre page, et en utilisant le modèle de liaison de poster le même modèle de vue dans votre contrôleur

Modèles:

public class MerchantModel
{
    public int AppId { get; set; }
    public string Name { get; set; }
    public bool IsSelected { get; set; }
}

public class MerchantViewModel
{
    public List<MerchantModel> Merchants { get; set; }
}

Contrôleur:

public class DefaultController : Controller
{
    //GET: Default
    public ActionResult Index()
    {
        var merchant1 = new MerchantModel
        {
            AppId = 1,
            Name = "Bob"
        };
        var merchant2 = new MerchantModel
        {
            AppId = 2,
            Name = "Ted"
        };
        var merchant3 = new MerchantModel
        {
            AppId = 3,
            Name = "Alice"
        };

        List<MerchantModel> list = new List<MerchantModel>();
        list.Add(merchant1);
        list.Add(merchant2);
        list.Add(merchant3);

        var model = new MerchantViewModel
        {
            Merchants = list
        };

        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MerchantViewModel model)
    {
        return View(model);
    }
}

Vue:

 @model TestCheckBoxes.Models.MerchantViewModel

    @{
        Layout = null;
    }

    <!DOCTYPE html>

    <html>
    <head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div> 
        <form action="/default/index" method="post">
            <table>
                @for (int i = 0; i < Model.Merchants.Count; i++)
                {
                    <tr>
                        <td>
                            @Html.CheckBoxFor(x => x.Merchants[i].IsSelected)
                        </td>
                        <td>
                            @Html.HiddenFor(x => x.Merchants[i].AppId)
                            @Model.Merchants[i].AppId
                        </td>
                        <td>
                            @Html.HiddenFor(x => x.Merchants[i].Name)
                            @Model.Merchants[i].Name
                        </td>
                    </tr>
                }
            </table>

            <button type="submit">Submit</button>
        </form>



    </div>
</body>
</html>

De retour dans votre [HttpPost] méthode dans votre contrôleur, vous aurez une liste de MerchantModel avec la valeur booléenne true ou false. De cette façon, vous pouvez vérifier si c'est vrai, et il suffit de prendre le AppId à partir de là.

Ne pas utiliser foreach mvc, toujours effectuer une itération à l'aide de for et une indexation variable.

Vous aurez également besoin d'un bool pour suivre l'état de sélection.

Cet exemple de code qui fonctionne pour moi:

public class AModel
{
    public List<AnotherModel> Items { get; set; }
}

public class AnotherModel
{
    public int ApplicationId { get;set; }
    public DateTime ApplicationDate { get; set; }
    public string ApplicantName { get; set; }
    public bool Selected { get; set; }
}

Page.cshtml

@using (Html.BeginForm("PostIndex", "Home", FormMethod.Post))
{
    <table class="table" style="margin-bottom: 0px">
        <tbody>
        @for (var i = 0; i < Model.Items.Count(); i++)
        {
            <tr>
                <td>
                    <label>@Html.CheckBoxFor(model => model.Items[i].Selected) @Html.DisplayFor(model => model.Items[i].ApplicantName)</label>
                </td>
                <td>
                    @Html.ActionLink(Model.Items[i].ApplicationId.ToString(), "ViewApplication", new {ID = Model.Items[i].ApplicationId, edit = 1}, new AjaxOptions {HttpMethod = "GET"})
                </td>
                <td>
                    @Html.DisplayFor(model => model.Items[i].ApplicationDate)
                </td>
                <td>
                    @Html.DisplayFor(model => model.Items[i].ApplicationId)
                </td>
            </tr>
        }
        </tbody>
    </table>
    <input type="submit"/>
}

@CBauer et @NickYoung essentiellement eu la réponse. Les clés ont été (1) faire en sorte que mes cases à cocher eu l'ID de l'écrit avec un numéro séquentiel entre parenthèses avec le même suffixe, (2) à l'aide d'un bouton "soumettre" au lieu d'un lien d'action, et (3) correctement écrire le contrôleur d'accepter l'Id de l'cases à cocher. J'ai pensé poster une partie de mon code pour vous donner une idée de ce que j'ai eu à travailler:

(Vue partielle):

@model PagedList.IPagedList<CarmelFinancialWeb.Models.ModelMerchantSummary>

...

@{var i = 0;}
@foreach (var item in Model)
{
  var tmp = "[" + i + "].ints";
  <tr>
      <td>
          <input name="ints" type="checkbox" id="@tmp" class="chkclass" value="@item.ApplicationID" />
      </td>

...

<input id="Submit" type="submit" class="btn btn-primary" value="Print Application(s)" />

...

Contrôleur:

[AuthorizeAdmin]
[HttpPost]
public ActionResult MerchantApplicationSummary(string[] ints, FormCollection form, int? page)
{

...

Merci @CBauer et @NickYoung pour votre aide!

Vous devez vous connecter pour publier un commentaire.