Dev Faq
7
votes

MVC Razor Dropdownlist avec image et étiquette?

Je me demandais s'il existe une façon de répertorier l'image et l'étiquette à l'aide de @ html.dropdownlistFor Helper dans MVC Razor? Quelque chose comme ceci:

un chat occupé
(source: DotNetspeaks.com )

2 commentaires

Pas avec l'aide standard car elle ne rend que d'un ensemble spécifique de HTML. Jetez un coup d'œil à JQuery Image Dropdown qui pourrait aider.

Indépendamment de MVC, cela va être un problème HTML. Dupliquer possible de SO Issue Mettre-Images-avec options- In-A-Dropdown-List alors?

3 Réponses :

2
votes

Il n'y a rien de tel que celui-ci intégré à MVC, mais je suis sûr qu'il existe de nombreux composants tiers. J'utilise personnellement dijit pour ce genre de chose, mais depuis que vous avez jQuery En tant que l'une de vos balises, vous pouvez probablement utiliser le menu menu de jQuery ui .

0 commentaires
2
votes

DropdownListFor Render a comme base (ils masquent la sélection de la sélection mais obtiennent les valeurs le forment.) Il existe des dizaines de bibliothèques de remplacement sélectionnées.

regarder Ce tutoriel , ce sera vous aider à créer une liste déroulante avec des images.

0 commentaires
-3
votes

look ici . C'est jQuery, il est facile à mettre en œuvre avec quelques lignes

p> 

<link rel="stylesheet" type="text/css" href="../Scripts/msdropdown/dd.css" />
<script type="text/javascript" src="../Scripts/msdropdown/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../Scripts/msdropdown/js/jquery.dd.js"></script>

    <div>
        <select name="webmenu" id="webmenu">
            <option value="calendar" title="~/Content/Images/arrow.png">Calendar</option>
            <option value="shopping_cart" title="~/Content/Images/SendtoFriend.jpg">Shopping Cart</option>
            <option value="cd" title="~/Content/Images/facebook.png">CD</option>
            <option value="email" title="~/Content/Images/Email.png">Email</option>
            <option value="faq" title="~/Content/Images/VotePositive.png">FAQ</option>
            <option value="games" title="~/Content/Images/VoteNegative.png">Games</option>
        </select>  
    </div>
<script type="text/javascript">
        $(document).ready(function () {
            $("#webmenu").msDropDown();
        });
   </script>

2 commentaires

Comment est-ce applicable à une @ html.dropdownlistor?

Vous ne devez pas, vous devez utiliser