Xin chào Tôi muốn đặt hình ảnh cùng với một số dữ liệu trong hộp danh sách thả xuống asp.net.Hình ảnh trong danh sách thả xuống
Ai đó có thể cho tôi mã mẫu để đạt được chức năng này không?
cờ quốc gia + tên quốc gia -> trong cùng một mục danh sách
Xin chào Tôi muốn đặt hình ảnh cùng với một số dữ liệu trong hộp danh sách thả xuống asp.net.Hình ảnh trong danh sách thả xuống
Ai đó có thể cho tôi mã mẫu để đạt được chức năng này không?
cờ quốc gia + tên quốc gia -> trong cùng một mục danh sách
Với danh sách thả xuống standart, bạn không thể đạt được điều này.
Bạn cần viết điều khiển máy chủ tùy chỉnh không dựa trên danh sách thả xuống.
Tôi chưa thử sử dụng JQuery Combo-Box, nhưng từ ảnh chụp màn hình, có vẻ như các mục trong hộp kết hợp có thể bao gồm một hình ảnh trong đó. Có lẽ bạn có thể nghiên cứu thêm về điều này.
Bạn không thể đạt được điều này với một danh sách thả xuống/hộp kết hợp trong C#. Điều khiển cơ bản chỉ hỗ trợ văn bản chứ không hỗ trợ kết hợp văn bản + hình ảnh.
Bạn sẽ cần phải viết một điều khiển tùy chỉnh hoặc sử dụng một cái gì đó như jQuery để xây dựng trình đơn thả xuống với mã của bạn điền vào các kết quả.
Bạn có thể sử dụng jQuery Dropdown ảnh:
http://marghoobsuleman.com/jquery-image-dropdown
jQuery Image Dropdown http://marghoobsuleman.com/mywork/jcomponents/customdropdown/icons/preview.gif
<script language="javascript">
$(document).ready(function(e) {
try {
// target some ids
MSDropDown.init("#combo1, #combo2");
//by wild card
MSDropDown.init("#divid select");
//or
MSDropDown.init("#formid select");
} catch(e) {
alert(e);
}
})
</script>
Đúng vậy, công cụ tiêu chuẩn không chấp nhận hình ảnh, hãy thử với một công cụ tùy chỉnh.
thử với công cụ miễn phí này: http://controlsbuilder.com/tools/CustomDropDownList.aspx
DropDownList với hình ảnh
Hãy thử điều này, nó là một trong những giải pháp tốt nhất và dễ dàng nhất ....
http://www.obout.com/combobox/icons/aspnet_icons_database.aspx
tôi đã tìm thấy điều này. và điều này đang làm việc cho tôi.
http://www.aspdotnet-pools.com/2014/09/dropdownlist-item-with-custom-icon.htmlenter link description here