Wie machen Sie das Kontrollkästchen Liste im ASP.Net MVC

Ich habe ein Formular mit einer Liste von Checkboxen. Ein Benutzer kann wählen Sie alle Werte, keine Werte, oder alle dazwischen. Beispiel:

Wie machen Sie das Kontrollkästchen Liste im ASP.Net MVC

Möchte ich schreiben das Ergebnis auf die Datenbank als eine durch Kommas getrennte Liste. In dem Beispiel oben, "Apfel, Banane". Ich bin ein bisschen verwirrt, wie das Modell zu erstellen und wie man die Ergebnisse aus der View in den Controller in eine Komma-separierte Liste?

Sie sollten veröffentlichen, was haben Sie versucht, so weit..

InformationsquelleAutor PixelPaul | 2016-06-12

  1. 65

    Hier ist ein Beispiel, wie das zu tun.

    HomeModel.cs

    public class HomeModel
{
    public IList<string> SelectedFruits { get; set; }
    public IList<SelectListItem> AvailableFruits { get; set; }

    public HomeModel()
    {
        SelectedFruits = new List<string>();
        AvailableFruits = new List<SelectListItem>();
    }
}

    HomeController.cs

    public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new HomeModel
        {
            AvailableFruits = GetFruits()
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(HomeModel model)
    {
        if (ModelState.IsValid)
        {
            var fruits = string.Join(",", model.SelectedFruits);

            //Save data to database, and redirect to Success page.

            return RedirectToAction("Success");
        }
        model.AvailableFruits = GetFruits();
        return View(model);
    }

    public ActionResult Success()
    {
        return View();
    }

    private IList<SelectListItem> GetFruits()
    {
        return new List<SelectListItem>
        {
            new SelectListItem {Text = "Apple", Value = "Apple"},
            new SelectListItem {Text = "Pear", Value = "Pear"},
            new SelectListItem {Text = "Banana", Value = "Banana"},
            new SelectListItem {Text = "Orange", Value = "Orange"},
        };
    }
}

    Index.cshtml

    @model DemoMvc.Models.HomeModel
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        @using (Html.BeginForm("Index", "Home"))
        {
            foreach (var item in Model.AvailableFruits)
            {
                <div class="checkbox">
                    <label>
                        <input type="checkbox"
                               name="SelectedFruits"
                               value="@item.Value"
                               @if(Model.SelectedFruits.Contains(item.Value))
                               {
                                   <text> checked </text> 
                               } 
                               /> @item.Text
                        </label>
                    </div>
            }
            <div class="form-group text-center">
                <input type="submit" class="btn btn-primary" value="Submit" />
            </div>
        }
    </div>
</body>
</html>

    Sollte führen Sie den folgenden innerhalb des Post-Aktion:

    Wie machen Sie das Kontrollkästchen Liste im ASP.Net MVC

    Sehr nette Antwort, es fehlen nur noch die "ausgewählt/markiert" Umgang mit
    Auch, wenn ModelState.IsValid ist false, wenn re-Hydratisierung der index-Ansicht, die SelectedFruits / Checkboxen werden nicht wiederhergestellt.
    Sie können die überprüft Umgang mit diesem code <div class="checkbox"> <label> <input type="checkbox" name="SelectedFruits" value="@item.Value" @if(Model.SelectedFruits.Contains(item.Value)){ <text>checked</text> } /> @item.Text </label> </div>
    Ich bin sehr spät zur party hier, aber ist das nicht irgendwie Betrug? Du bist prepopulating die ausgewählten Früchte vor dem senden der Benutzer auf die anzeigen. Ich habe auf der echo - @Guillaume Kommentar hier... Sie fehlt der Auswahl der Handhabung - das ist übrigens die, wo ich bin stolpern.
    mich auch, ausgewählten Checkboxen nicht zugeordnet controller

    InformationsquelleAutor Win

  2. 1

    Können Sie auch Mithilfe von jquery.Keine Notwendigkeit zu ändern, der controller oder die action.Es wird fügen Sie einfach die ausgewählten Kontrollkästchen Wert in der Datenbank-Tabelle-Spalte als ein Koma getrennt.Fügen Sie einfach den code in der View-Seite.

     <div class="editor-field">

        @Html.HiddenFor(model => model.hobbies, new { htmlAttributes = new { id = "hobbies" } })
        Hobbies :
        <input type="checkbox" id="r" onchange="getSelected()" value="Reading" />
        Reading
        <input id="w" type="checkbox" value="Writing" onchange="getSelected()" />
        Writing

        <script>
            function getSelected() {
                var sList = "";
                $('input[type=checkbox]').each(function () {
                    if (this.checked) {
                        sList += this.value + ",";

                    }
                });
                $("#hobbies").val(sList);
            }
        </script>
        @Html.ValidationMessageFor(model => model.hobbies)
    </div>
    Dies funktioniert für mich. Nur es ist ein Fehler - so sollte es sein: @Html.HiddenFor(model => model.hobbies, new { id = "hobbies" } ) oder ich würde eher verwenden @Html.Hidden("hobbies", string.Join(",", Model.hobbies), new { id = "hobbies" }) zunächst, weil andernfalls erhalten Sie den Wert als String[]

    InformationsquelleAutor rinku Choudhary

Schreibe einen Kommentar