Zastanawiam się, czy istnieje sposób na wyświetlenie obrazu i etykiety za pomocą pomocnika @ Html.DropDownListFor w maszynce MVC? coś takiego:Lista rozwijana MVC Razor z obrazem i etykietą?
a busy cat http://www.dotnetspeaks.com/ArticleImages/DropDownList%20with%20images.png
DropDownListFor renderuje <select>. Ten element HTML nie obsługuje obrazu na liście. aby uzyskać ten efekt, musisz użyć biblioteki JavaScript. kilka bibliotek używa jako bazy danych <select> (ukrywają one wybrane, ale otrzymane z niej wartości.) istnieją dziesiątki wybranych bibliotek zastępczych.
Spójrz na numer this tutorial, który pomoże Ci utworzyć listę rozwijaną ze zdjęciami.
wygląd here. Jest jQuery, jest to łatwe do wdrożenia z kilkoma liniami
<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>
w celu podjęcia pracy. Muszę trochę zmienić ... Wolę użyć title, żeby pokazać obraz. Działa dla mnie
Nie ze standardowym pomocnikiem, ponieważ renderuje tylko określony zestaw kodu HTML. Zajrzyj do [** jquery image dropdown **] (http://www.marghoobsuleman.com/jquery-image-dropdown), które mogą pomóc. – Nope
Bez względu na MVC będzie to problem HTML. Możliwy duplikat problemu SO [** put-images-with-options-in-a-dropdown-list **] (http://stackoverflow.com/questions/4941004/putting-images-with-options-in-a -downdown-list)? – Nope