Как редактировать / сохранять несколько полей одновременно, используя JQuery + JEditable? - PullRequest
5 голосов
/ 03 декабря 2010

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

Теперь мне нужна кнопка (изображение, ссылка - что угодно), нажатие на которую переключит оба моих редактируемых полей в режим редактирования.Т.е. я нажимаю этот элемент управления «Редактировать», и теперь вместо двух текстов я вижу раскрывающийся список и поле ввода, я могу редактировать значения в обоих местах, а затем либо щелкнуть мышью за пределами обоих (в идеале) или нажмите другую кнопку / изображение / ссылку «Сохранить», чтобы сохранить ее (не очень хорошо, но с этим можно жить).

Возможно ли достичь?Если так ... как?

И нет, я бы не хотел использовать jqGrid или что-то подобное здесь.

1 Ответ

6 голосов
/ 04 декабря 2010

Я работаю над чем-то похожим.Вы можете создать пользовательский ввод для jEditable, который может иметь несколько полей ввода.

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

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

...