На моей странице ASP.Net я использовал js-плагин от here. Я получил приятные пользовательские элементы формы, соответствующие внешнему виду и моему сайту. Позже я заметил, что, когда я применил класс css Styled
в моем раскрывающемся списке элементов управления asp.net и установил его значение AutoPostback
на false
, я не вижу выбранного значения, изменяющегося на clientide. Однако, когда я нажимаю кнопку на своей странице, SelectedValue отправляется на сервер, но пользовательский интерфейс не обновляется без сообщения на сервер.asp.net DropDown не изменяет выбранный элемент clientside
Я вижу JS файл обеспечивается Райана и наблюдается, если я удалить opacity
или filter
(в), т.е. раскрывающийся начинает работать нормально, но, к сожалению, что нарушает внешний вид DropDownList
. opacity
устанавливается динамически с помощью Cutom-формы .js
Особенно эта строка кода устанавливает opacity
элементов
document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + 140 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');
Вот мой разметки
<asp:DropDownList ID="ddlRestaurants" runat="server" CssClass="styled" AppendDataBoundItems="True" AutoPostBack="false" Width="50">
<asp:ListItem Value="0" Text="All Restaurants"></asp:ListItem>
</asp:DropDownList>
если что-то еще должно было быть ясно, пожалуйста, дайте мне знать в комментариях. любая помощь, я бы очень признателен.
+1 для приятного плагина –
Вы сталкиваетесь с проблемой в конкретном браузере? Я проверил демонстрацию на сайте, которую вы связали, и выпадающее меню работает правильно как в FF, так и в IE8. – VinayC
@ VinayC благодарит за ответ. Я столкнулся с проблемой в FF 18.0 и IE 9 и chrome версии 24.0.1312.52 m. Демонстрация работает отлично даже на моей машине, но когда я реализовал сценарий на своей веб-странице, он не работает – Devjosh