Как сделать поиск в combobox
Обновлено: 07.07.2024
Ребята У меня есть comboBox, который настроен для работы как dropdownlist. Он заполняется через базу данных. Он работает безупречно.
Теперь я хочу сделать следующее: например, у меня есть comboBox, который получает столбец "Имена" из таблицы базы данных "tblPersons" и отображает его. если, например, в таблице базы данных "tblPersons" содержится всего 4 записи,
Али Хан Ахмед Хан Билал-хан Билал Фаруки
Поэтому, когда я пишу "Ahmed Farooqi" в comboBox (comboBox должен быть доступен для редактирования, и он должен отображать все записи с именем "Ahmed", как только я написал "Ahmed"), и нажмите enter, он должен искать в таблице базы данных "tblPersons" - если " Ahmed Farooqi "- он должен выбрать его, если" Ahmed Farooqi "не найден - он должен спросить, хочу ли я создать новую запись в таблице базы данных" tblPersons ", если я нажму" да ", она должна открыть другую форму для добавления новый человек, и если я нажму "Нет", он ничего не должен делать.
Одной из главных фич, будет то, что поиск будет вестись не исключением, а сортировкой. При этом, сортировать будем по умному, а не простым сравнением.
Обычно, при создании подобных плагинов, делают проверку на совпадение подстрок и тогда возвращают результат. У нас будет плагин, который на слово kazam, вернет в первой строчке KAZAN.
Для начала, настроим внешний вид. Создадим структуру
Предполагается, что будет 3 ячейки, но вы можете разделить плагин на сколько угодно колонок или даже строк. В ячейках будут ссылки на города. Изначально, в нем может не быть ссылок. Их мы заполним автоматически. Для этого, у нас должен быть ассоциативный массив со списком наших значений.
Плагин без стилей выглядит ужасно. Даже не стоит на него смотреть. Лучше сразу добавим нужный css
Изображение search.jpg, вы найдете в архиве, в конце статьи. Все градиенты сделаны с использованием онлайн css генераторов. Часть стилей просто взята с bootsrap. Этот фреймворк, просто кладезь css сниппетов.
Пара последних селекторов стоит отдельного упоминания. Это красивый скролбар. Куда без него. Для его создания воспользуемся готовым плагином xdsoftScroller. Чтобы scrollbar, помимо указателя мыши, реагировал еще и на колесико, подключим плагин mousewheel не безызвестного Брендона Аарона.
Плагин принял свой окончательный облик, пришло время его оживить.
Плагин уже позволяет найти нужный город с помощью прокрутки. Но для большего удобства у нас предусмотрен поисковый механизм. Напишем его.
Такой прием используют повсеместно. Если пользователь вводит слово, нет смысла искать то что он вводит при каждой букве. Верным решением будет подождать пока он напечатает пару тройку символов, затем произвести свои манипуляции. В моих примерах плагин оперирует всего 50-тью элементами. А что если их будет 50000? Создание сайтов и плагинов должно подразумевать, что в какой-то момент количество пользователей или информации может вырасти. Если запускать фильтр при каждом нажатии клавиши, пользователь свое слово скорее всего уже не допишет. Все будет тормозить. Напишем функцию updateCombobox(), которая на вход получает строку из поля ввода.
Тут все просто, пробегаем по всем городам. Находим похожесть их на слово из поиска, а потом сортируем по этой самой величине хитрым методом sort. После чего заполняем все наши ссылки и выводим на страницу.
Загадочная функция string_similarity найдена на просторах интернета
Для того, чтобы плагин сделать еще более удобным можно воспользоваться моим Punto Switcher на JS и тогда похожесть надо будет искать слегка иначе
Поле со списком используется в тех случаях, когда необходимо добавить в форму информацию, которая заранее известна, а ее отдельные позиции можно сгруппировать в список, а также для ручного ввода с клавиатуры или вставки из буфера обмена, если необходимое значение в списке отсутствует.
Элемент управления ComboBox незаменим при больших списках. При списках из нескольких позиций его можно заменить на ListBox, который отображает позиции для выбора сразу после загрузки формы, не требуя дополнительных действий от пользователя.
Свойства поля со списком
| Свойство | Описание |
|---|---|
| AutoSize | Автоподбор размера комбинированного поля. True – размер автоматически подстраивается под длину выбранной или введенной строки. False – размер элемента управления определяется свойствами Width и Height. |
| AutoTab | Включение автоматической табуляции – передачи фокуса следующему элементу управления при достижении максимального числа символов при значениях свойства MaxLenght > 0. True – автоматическая табуляция включена, False – выключена. |
| ColumnCount | Указывает количество столбцов в раскрывающемся списке. Значение по умолчанию = 1. |
| ColumnHeads | Добавляет строку заголовков в раскрывающийся список. True – заголовки столбцов включены, False – заголовки столбцов выключены. Значение по умолчанию = False. |
| ColumnWidths | Ширина столбцов в раскрывающемся списке. Значения для нескольких столбцов указываются в одну строку через точку с запятой (;). |
| ControlSource | Ссылка на ячейку для ее привязки к элементу управления ComboBox. |
| ControlTipText | Текст всплывающей подсказки при наведении курсора на элемент управления. |
| Enabled | Доступ пользователя к полю и раскрывающемуся списку. True – доступ разрешен, False – доступ запрещен*. Значение по умолчанию = True. |
| Font | Шрифт, начертание и размер текста в поле. |
| Height | Высота элемента управления ComboBox. |
| Left | Расстояние от левого края внутренней границы пользовательской формы до левого края комбинированного списка. |
| List | Позволяет заполнить ComboBox данными из одномерного или двухмерного массива, а также обращаться к отдельным элементам раскрывающегося списка по индексам для записи и чтения. |
| ListIndex | Номер выбранной пользователем строки в раскрывающемся списке. Нумерация начинается с нуля. Если ничего не выбрано, ListIndex = -1. |
| ListRows | Количество видимых строк в раскрытом списке. Если общее количество строк больше ListRows, появляется полоса прокрутки. Значение по умолчанию = 8. |
| Locked | Запрет на отображение раскрывающегося списка, ввод и редактирование данных в поле. True – ввод и редактирование запрещены**, False – ввод и редактирование разрешены. Значение по умолчанию = False. |
| MatchRequired | Задает проверку вводимых в поле строк с элементами списка. True – проверка включена (допускается ввод только строк, совпадающих с элементами списка), False – проверка выключена (допускается ввод любых строк). Значение по умолчанию = False. |
| MaxLenght | Максимальная длина строки в поле. Значение по умолчанию = 0, что означает – ограничений нет. |
| RowSource | Источник строк для раскрывающегося списка (адрес диапазона на рабочем листе Excel). |
| TabIndex | Целое число, определяющее позицию элемента управления в очереди на получение фокуса при табуляции. Отсчет начинается с 0. |
| Text | Текстовое содержимое (значение) поля (=Value). |
| TextAlign | Выравнивание текста в поле: 1 (fmTextAlignLeft) – по левому краю, 2 (fmTextAlignCenter) – по центру, 3 (fmTextAlignRight) – по правому краю. |
| Top | Расстояние от верхнего края внутренней границы пользовательской формы до верхнего края комбинированного списка. |
| Value | Текстовое содержимое (значение) поля (=Text). |
| Visible | Видимость поля со списком. True – ComboBox отображается на пользовательской форме, False – ComboBox скрыт. |
| Width | Ширина элемента управления. |
* При Enabled в значении False пользователь не может раскрывать список, а также вводить или редактировать данные в поле.
** Для элемента управления ComboBox действие свойства Locked в значении True аналогично действию свойства Enabled в значении False.
В таблице перечислены только основные, часто используемые свойства поля со списком. Еще больше доступных свойств отображено в окне Properties элемента управления ComboBox, а все методы, события и свойства – в окне Object Browser.
Свойства BackColor, BackStyle, BorderColor, BorderStyle отвечают за внешнее оформление комбинированного списка и его границ. Попробуйте выбирать доступные значения этих свойств в окне Properties, наблюдая за изменениями внешнего вида элемента управления ComboBox на проекте пользовательской формы.
Способы заполнения ComboBox
Используйте метод AddItem для загрузки элементов в поле со списком по одному:
Интересные и полезные статьи по работе с Excel и VBA можно найти в разделе ХИТРОСТИ
Читайте также: