Wie füllen Sie ein Listenfeld basierend auf einer Liste ein Modell in asp.net mvc4?

Habe ich eine stark typisierte Sicht, wo ich ein Formular basierend auf einem Modell Kontakt. In die Textfelder werden die default-Werte sind die von dem Kontakt, dass ich mich übergeben um den view im controller.
Also ich habe eine Klasse Kontakt wie folgt:

public class Contact
    {
        public int IdContact { get; set; }
        public string Nom { get; set; }
        public string Prenom { get; set; }
        public string Email { get; set; }
        public string Fonction { get; set; }
        public List<FonctionContact> ListeFonctions = new List<FonctionContact>();
        public string TelephoneFixe { get; set; }
        public string TelephonePort { get; set; }
        public Contact() { }

        public Contact(int idContact, string nom, string prenom, string email, string telephoneFixe, string telephonePort)
        {
            this.IdContact = idContact;
            this.Nom = nom;
            this.Prenom = prenom;
            this.Email = email;
            this.TelephoneFixe = telephoneFixe;
            this.TelephonePort = telephonePort;
        }

        public Contact(int idContact, string nom, string prenom, List<FonctionContact> listeFonctions, string email, string telephoneFixe, string telephonePort)
        {
            this.IdContact = idContact;
            this.Nom = nom;
            this.Prenom = prenom;
            this.ListeFonctions = listeFonctions;
            this.Email = email;
            this.TelephoneFixe = telephoneFixe;
            this.TelephonePort = telephonePort;
        }
    }

Gibt es eine Liste von FonctionContact. Die Klasse von FonctionContact:

public class FonctionContact
{
    public int IdFonction;
    public string LibelleFonction;

    public FonctionContact() { }

    public FonctionContact(int idFonction, string libelleFonction)
    {
        this.IdFonction = idFonction;
        this.LibelleFonction = libelleFonction;
    }
}

Also ich würde gerne die Anzeige der Eigenschaft ListeFonctions der Kontakt in einem listBoxfor aber es funktioniert nicht. Es ist mein Formular, wo ich versucht habe, um die Liste anzuzeigen :

@using (Html.BeginForm()){ 
     <label>Nom:</label>
     @Html.TextBoxFor(contact => contact.Nom, new { @Value = @Model.Nom })
     <label>Prénom:</label>
     @Html.TextBoxFor(contact => contact.Prenom, new { @Value = @Model.Prenom })
     ///the next controls for the next properties of class Contact...
     <label>Fonction(s):</label>
     @Html.ListBoxFor(contact => contact.ListeFonctions, new SelectList(Model.ListeFonctions, "IdFonction", "LibelleFonction"));
     }

Zeigt er mir eine Fehlermeldung: "- Modell.FonctionContact nicht eine Eigenschaft IdFonction. So bin ich hier hängengeblieben, ich kann nicht herausfinden, was falsch ist. Hat jemand eine Idee ?

InformationsquelleAutor Hubert Solecki | 2013-08-08
  1. 1

    Im Grunde, müssen Sie die ListBoxFor mit einer Liste von Wert-Elementen (zahlen, die Sie verwenden können, laden einige zuvor ausgewählten und gespeicherten Elemente). Außerdem wird es eine MultiSelectList als zweiten parameter (für die zuvor erklärten Grund, weil es nicht eine DropDownList mit nur einem ausgewählten Element), das wäre wahrscheinlich übersichtlicher zu Komponieren in das Modell, wie ich schon unten geschrieben:

    Modell

    public class Contact
        {
            public int IdContact { get; set; }
            public string Nom { get; set; }
            public string Prenom { get; set; }
            public string Email { get; set; }
            public string Fonction { get; set; }

            //you could save a selection of items from that list
            private List<int> _selectedFonctionIds;        
            public List<int> SelectedFonctionIds{
                get {
                    return _selectedFonctionIds?? new List<int>();
                }
                set {
                    _selectedFonctionIds= value;
                }
            }
            private List<FonctionContact> _listeFonctions;
            public MultiSelectList ListeFonctions{
               get {
                  return new MultiSelectList(
                            _listeFonctions,
                            "IdFonction", //dataValueField
                            "LibelleFonction" //dataTextField
                  );
                   }
            }
            public string TelephoneFixe { get; set; }
            public string TelephonePort { get; set; }
            public Contact() { }

            public Contact(int idContact, string nom, string prenom, string email, string telephoneFixe, string telephonePort)
            {
                this.IdContact = idContact;
                this.Nom = nom;
                this.Prenom = prenom;
                this.Email = email;
                this.TelephoneFixe = telephoneFixe;
                this.TelephonePort = telephonePort;
            }

            public Contact(int idContact, string nom, string prenom, List<int> selectedFonctionIds, List<FonctionContact> listeFonctions, string email, string telephoneFixe, string telephonePort)
            {
                this.IdContact = idContact;
                this.Nom = nom;
                this.Prenom = prenom;
                this.SelectedFonctionIds = selectedFonctionIds;
                this._listeFonctions = listeFonctions;
                this.Email = email;
                this.TelephoneFixe = telephoneFixe;
                this.TelephonePort = telephonePort;
            }
        }

    innerhalb der Ansicht die form

    @Html.ListBoxFor(contact => contact.SelectedFonctionIds, Model.ListeFonctions)
    • Ich habe versucht, aber es zeigt mir ein Databinding-Fehler sagen, dass die Klasse FonctionContact nicht über eine solche Eigenschaft als IdFonction
    • Haben Sie versucht, tatsächlich machen die IdFonction eine Eigenschaft (public int IdFonction { get; set; } statt nur public int IdFonction;)? Das gleiche sollte wahrscheinlich sein getan für LibelleFonction auch.
    • ... arbeiten Sie niemals, wenn u bist müde ! es funktioniert !, vielen Dank @Mark
    InformationsquelleAutor Alexandru Marculescu
Schreibe einen Kommentar