Liste déroulante(combobox) avec des cases à cocher dans ASP.NET MVC

Salut,

Je suis la construction d'un ASP.NET MVC 2 de la demande et ont jusqu'à présent utilisé régulière des listes déroulantes :

<%: Html.DropDownListFor(model => model.LS.L1, Model.LS.Location1List, "-- choose place --", new { @class = "dd1" })%>

Maintenant, j'ai besoin de la changer pour une liste déroulante avec la liste de case à cocher à la place. Cela signifie deux choses :

  1. Le modèle de la plupart des changements afin de L1 peut contenir plusieurs valeurs(au lieu d'un int), maby également la Location1List plus être modifié à partir de SelectList à une sorte de liste?
  2. La DropDownListFor(combobox) plus être changé à "DropDownCheckListFor.

Il est important que cela soit aussi simple que possible afin que nous puissions maintenir navigateur compatibilité(même sur les smartphones).

Comme vous pouvez le voir il est aussi important que la sélection de valeurs est rempli dans un modèle objet(par le classeur par défaut) sur "soumettre".

J'ai regardé cette liste déroulante : http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

Son aspect grille, mais Im pas sûr de savoir comment traduire cela ASP.NET MVC ainsi que les valeurs sélectionnées est rempli d'un objet de modèle sur soumettre(comme le DropDownListFor n'). Aussi cette jquery solution pourrait être unnecary complexe.

Moyens de conseils

OriginalL'auteur Banshee | 2011-03-29

  1. 4

    Rappelez-vous MVC aides juste rendre le balisage HTML. Ainsi, selon les instructions de la page vous vous êtes connecté, vous avez juste besoin de générer 

    <select multiple="multiple">

    Pour ce faire, vous devez utiliser Html.ListBoxFor au lieu de Html.DropDownListFor. Ensuite, lorsque vous avez inclus tous les corriger des fichiers javascript, vous pouvez simplement ajouter un block javascript. Qui ressemble à ceci:

    $(function() {
   $('.dd1').multiselect();
});
    Aha cela à l'air facile, je vais essayer et de revenir à vous.
    Cela fonctionne, merci!

    OriginalL'auteur Vadim

  2. 0

    Ce tutoriel montre de procéder à l'étape par guide pas à pas pour la création de multiselect liste déroulante avec les cases à cocher en mvc
    Multiselect liste déroulante avec les cases à cocher en MVC

    Vous Devez Sélectionner La Balise 

    <select id="CustomerId" name="CopyFromCustomerId"></select>

    ou vous pouvez utiliser Html.ListBoxFor

    Vous avez besoin de script suivant 

    $('#CustomerId').multiselect({
            includeSelectAllOption: true
        });

    Et ci-dessous css et les fichiers de script

    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" />
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>     
<script type="text/javascript" src="http://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="http://davidstutz.github.io/bootstrap-multiselect/dist/css/bootstrap-multiselect.css" type="text/css"/>

    OriginalL'auteur PVivek