Публикации по теме 'dropdown'
Создайте собственный компонент Dropdown в React Native (без использования внешней библиотеки)
Существует множество библиотек, чтобы добавить выпадающий список в нативную реакцию. Но в реальном проекте в большинстве случаев нельзя использовать внешнюю библиотеку для большинства компонентов. Вы должны создать функциональность самостоятельно.
Здесь я делюсь своей реализацией выпадающих компонентов, которые я создал, работая над некоторыми заданиями.
Демо
Вы можете найти код в GitHub gist .
У нас есть 3 модуля (файла).
Dropdown.jsx -> Это основной компонент и..
Создание директивы ClickOutSide во Vue
В настоящее время в большинстве веб-приложений, которые мы создаем и используем, есть много компонентов пользовательского интерфейса, таких как открытие всплывающего окна, раскрывающийся список и закрытие его, когда пользователь щелкает за его пределами.
В некоторых всплывающих окнах у нас может быть очень сложный пользовательский интерфейс или функциональность, которые мы не сможем найти в какой-либо внешней среде CSS, такой как bootstrap, foundation и т. Д., Поэтому, наконец, нам..
Вот пример того, как я решил эту проблему.
Вот пример того, как я решил эту проблему. Он регистрирует глобальный обработчик кликов, чтобы определить, является ли цель клика дочерним элементом контейнера select.
useEffect(() => {
const handleClick = e => {
let curr = e.target;
while (curr !== null) {
if (curr === containerRef.current) {
// Ignore the click, it's inside the container.
return;
}
curr = curr.parentNode;
}..
Вопросы по теме 'dropdown'
Jenkins Параметризованная сборка для использования пар ключ/значение
У меня есть параметризованная сборка Jenkins. Я отмечаю «эта сборка параметризована» и устанавливаю имя среды «Выбор» как «СРЕДА», а затем в качестве вариантов я определяю удобочитаемые имена, такие как «Test env1», «Test env2» и т. д. Однако я хочу,...
3453 просмотров
schedule
10.12.2022
Измените содержимое страницы, когда пользователь нажимает другой вариант в раскрывающемся списке
У меня есть выпадающий список. Пользователь при выборе другого значения, я должен получить текст параметра, который пользователь выбрал из раскрывающегося списка, затем найти данные из базы данных и отобразить соответствующий контент на веб-странице....
108 просмотров
schedule
07.06.2022
Запуск пользовательского выпадающего списка с jQuery
В конечном счете, я хочу переключить раскрывающийся список выбора при нажатии на изображение. Я хочу использовать функцию «открыть/закрыть», которая определена в пользовательской библиотеке jQuery, но не могу понять, как получить доступ к функции...
847 просмотров
schedule
17.07.2023
Как добавить кнопку фильтра и сортировки в ячейку?
Как в ячейку вставить кнопку фильтра и сортировки как на картинке?
34167 просмотров
schedule
20.08.2022
Выровняйте часть строки в теге Option
Я хотел бы сделать группы текстового содержимого тега <option /> . Скажем, у меня есть следующее:
<select>
<option>CCB - AFHT Crew Balancing</option>
<option>WFM - Force Majere</option>
....
.......
38 просмотров
schedule
23.05.2024
Выпадающий список UI-Bootsrap перестает работать с добавлением ng-if в раскрывающийся список
Я использую директиву раскрывающегося списка ui-boostrap и хочу добавить свой собственный ng-if, чтобы предотвратить его отображение в некоторых случаях. При добавлении этого ng-if, даже когда он всегда возвращает "true" - выпадающий список перестает...
1805 просмотров
schedule
22.10.2022
Как я могу сбросить раскрывающееся меню бумаги в Polymer, чтобы ничего не было выбрано?
Я хотел бы сбросить раскрывающееся меню полимерной бумаги в исходное состояние в JavaScript, чтобы ничего не было выбрано, поэтому оно выглядит так:
Я могу добавить идентификатор к тегу бумажного меню внутри раскрывающегося меню бумаги,...
4903 просмотров
schedule
15.04.2023
Стиль ASP.net DropDownList Не выбирать раскрывающийся список элементов
Я хочу создать свой раскрывающийся список asp, но все решения, которые я нашел в Интернете, связаны с раскрывающимся списком с элементом выбора. Сейчас я использую bootstrap, чтобы попытаться получить результат, показанный ниже, но я мог бы...
773 просмотров
schedule
12.12.2022
Странное поведение при использовании пользовательского ArrayAdapter for Spinner Dropdown (дублирование элементов после щелчка) (Android)
Я хочу использовать разные макеты для выпадающего списка: один для обычного просмотра (текст + изображение), а другой для выпадающего списка (только текст).
Итак, сначала я попробовал следующее:
Spinner spinner = (Spinner)...
559 просмотров
schedule
03.05.2024
Как показать/скрыть div на основе выбора в раскрывающемся списке
Я знаю, что я не единственный человек с этой проблемой, но я еще не смог найти решение javascript.
Это мой выпадающий выбор. Теперь я хочу отобразить конкретное сообщение для каждого параметра.
<select name="lehrberuf" id="lehrberuf"...
90 просмотров
schedule
27.04.2023
Изменение значения раскрывающегося списка приводит к следующему: Невозможно прочитать свойство entityState of undefined
Я работаю над существующим приложением AngularJS, где мне нужно добавить новое представление. В новом представлении есть раскрывающийся список, который вызывает эту ошибку каждый раз, когда значение изменяется. Выпадающий список загружает все данные...
957 просмотров
schedule
30.05.2022
Выпадающее меню css не отображается
Hello guys I'm just learning to create horizontal dropdown menu.
what i'm get is the reverse result. the dropdown is showed when it not in hover state (vice versa) and the other parent menu just drop aligned with the first drop down menu...
91 просмотров
schedule
17.07.2023
Обновить код Javascript в раскрывающемся списке автопостбэка
У меня есть выпадающий список на моей странице с автопостбэком:
<table>
<tr>
<td>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>...
745 просмотров
schedule
07.06.2022
AutoCompleteTextView - Показать предложения после выбора
Я использую AutoCompleteTextView для предложений адреса.
Что я хочу сделать, так это когда пользователь вводит адрес (например, «Ма»), предложения отображаются как «Мэри, Мэдли, Ма ...».
Затем, когда пользователь выбирает одно из предложений, он...
3085 просмотров
schedule
24.01.2023
Winforms - остановить выделение SelectedItem без использования стиля DropDownList
Речь идет о ComboBox, используемом в Winforms. Мне нужно остановить выделение выбранного элемента. Я знаю, что смогу это сделать, если установлю стиль поля со списком ComboBoxStyle.DropDownList. Но я ищу решение, где мне не нужно это использовать....
42 просмотров
schedule
29.05.2022
Добавьте выпадающие города в woocommerce
Я хочу добавить раскрывающийся список для городов woocommerce.
Я нашел код для добавления состояний в раскрывающемся списке, но я не знаю, как это сделать для городов. Пытаюсь провести аналогию, но не получается.
Кроме того, если возможно, я...
5153 просмотров
schedule
17.11.2023
Передача значений динамического выбора во всплывающую ссылку Проблема с Firefox
У меня есть раскрывающийся список выбора. Когда пользователь делает выбор, открывается всплывающее окно подтверждения с тем же выбором. После нажатия «Отправить» открывается новое окно с целевой ссылкой.
Это отлично работает в Safari, Chrome,...
33 просмотров
schedule
18.04.2024
Выпадающее окно поиска select2 не работает
Выберите2 проблему,
Я не хочу выпадающее окно поиска, я хочу сделать первую строку в поиске,
Как я могу сделать?
Как выполнить поиск по местоположению? КОД:
<select name="search" class="box"></select>
Примеры картинок,...
11019 просмотров
schedule
18.07.2022
Текущее время в AngularJs
Я уже получил и отображаю текущее время с помощью angularjs. Я хочу знать, как я могу передать это значение в раскрывающийся список? Благодарность
<div class="container-fluid main_content">
<div class="col-sm-12 col-xs-12...
134 просмотров
schedule
07.01.2023
Выпадающая ссылка HTML открывается в новой вкладке
у меня есть кнопка СКАЧАТЬ
<a href="" id="user-name" class="link" id="posi">Download</a>
и раскрывающийся список, связанный с этим
<div class="user-name-drop-down drop-down">
<a...
2135 просмотров
schedule
26.10.2022