Можно ли использовать jquery (.jeditable) для автоматического выпадающего списка выбора? - PullRequest
2 голосов
/ 09 марта 2011

У меня есть страница JSP, которая создает экран на основе данных таблицы из моего сервлета.Я использую тег отображения для форматирования данных таблицы и jquery.jeditable, чтобы сделать определенные ячейки доступными для редактирования пользователем.

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

1) щелкните в поле, чтобы сделать его редактируемым, 2) нажмите стрелку вниз, чтобы увидетьсписок опций, 3) выберите опцию, 4) нажмите «ввод», чтобы сохранить выбранную опцию, 5) наконец, нажмите вкладку, клавишу со стрелкой или что-то еще, чтобы выйти из поля.

Я хотел бы исключить некоторые из этих шагов, в частности 2 и 4. Вот что я ищу:

Как только будет нажата ячейка [или если я имитирую щелчок с помощью jquery.trigger ('click')], отобразится раскрывающийся список, пользователь использует клавиши со стрелками для выбора нужного параметра и 2) пользователь нажимает клавишу ввода или вкладку, чтобы покинуть поле, сохраняя выбранный параметр.Если вместо ввода / вкладки выбрать esc, ячейка вернется к своему первоначальному значению.

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

1 Ответ

1 голос
/ 22 апреля 2011

Я пытаюсь решить ту же проблему.Насколько я могу судить, нет способа принудительно запустить раскрывающееся / выбранное окно браузера в «расширенном» состоянии, и нет способа заставить его расширяться с помощью javascript ...: P

Лучшее решение, которое я придумала до сих пор, - это стилизовать раскрывающийся список вручную, чтобы он выглядел так, как будто он был добавлен с помощью jeditable плагина редактирования на месте, хотя на самом деле это обычный выпадающий список.Это дает нам нашу открытую функциональность в один клик.Сохранить в форме отправки (что я делаю) или в .change ().

Я знаю, что это решение не по качеству, но я надеюсь, что это поможет!Я обновлю здесь, если найду что-нибудь получше.


Полагаю, другое решение - изменить сам jeditable плагин для использования раскрывающегося списка на основе jquery (который может открываться в «расширенной» форме).) вместо встроенного в браузер выпадающего списка ... Еще не идеал, но это вариант!

...