Как настроить несколько оверлеев / форм с помощью jQuery Tools?

Question

Итак, я ИТОГО jQuery / jQuery Tools новичок, но я учусь ... Вот моя текущая проблема:

Предположим, у меня есть страница со списком пользователей - по одному div на пользователя, с именем, картинкой и тому подобным. Где-то в этих разделах есть ссылки, по которым вы можете щелкнуть, чтобы вызвать наложение jQuery Tools, содержащее форму. Эта форма позволит вам редактировать информацию о пользователе и сохранять ее обратно на сайт. Ничего страшного.

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

Это правильный философский подход? Кодирование не кажется слишком сложным; Я просто хочу подтвердить, что выбрал правильный подход, прежде чем начать. Спасибо!

Answer 1

Документация для jquery-tools показывает, как именно это сделать:

http://flowplayer.org/tools/demos/overlay/external.html

Answer 2

Другой способ будет:

1. Создание обработчика кликов для вашей ссылки
2. Когда пользователь щелкает ссылку, открывается диалоговое окно наложения и выполняется ajax-вызов сервера методу, который возвращает разметку FORM
3. Заменить оверлейный контент полученной разметкой в ​​Ajax Success
4. Внутри формы, возвращенной предыдущим способом, будет кнопка отправки, которая просто отправляет форму
5. Закрыть наложение

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