Выпадающий список с несколькими столбцами в строке

#jquery #asp.net-mvc #jquery-ui #drop-down-menu

#jquery #asp.net-mvc #jquery-пользовательский интерфейс #выпадающее меню

Вопрос:

Есть ли плагин или любой другой способ создать выпадающий список с несколькими столбцами данных для каждой строки?

Я хочу показать и выбрать номер проекта, но я хочу также показать имя, город, штат, дату начала и дату окончания в выпадающем списке.

Это не иерархический и не выпадающий список.

Ответ №1:

невозможно создать столбцы в выпадающем списке, но вы можете добавить текст в качестве отображаемого имени элемента, просто объедините строку с нужной информацией.

РЕДАКТИРОВАТЬ: я вижу, что я, очевидно, неправильно понял ваш вопрос, простым способом сделать это было бы создать div внутри этого div с заголовком с обзорной информацией, а затем абзацем, который скрыт по умолчанию, а затем использовать .slideToggle() функцию jquery.

Комментарии:

1. Я просто надеялся на что-то «более красивое», чем объединенная строка.

2. @RememberMe если вы используете <select><option></option></select>, то вы не можете, однако с помощью jquery или javascript в целом вы можете заставить обычный html имитировать его и заставить его выглядеть так, как вы хотите, это не должно быть слишком сложно сделать.

Ответ №2:

Я бы заглянул в инструментарий управления AJAX, в частности в раскрывающийся пример.

Вы можете привязать выпадающий список для отображения любого элемента управления, что дает вам гораздо больше гибкости в темах.

Другой вариант — создать пользовательский элемент управления, который наследует выпадающий список, и изменить его метод рендеринга (но это, скорее всего, потребует большой работы).

Комментарии:

1. Он использует MVC, а не Webforms.

Ответ №3:

Я только что сделал его прокручиваемой сеткой с кнопкой выбора в каждой строке.