Size: a a a

2020 October 08

M

MyKola in Frontend_ru
доброго времени суток,есть ли у кого пример как передавать переменные в модальную форму?
есть таблица с данными юзеров ,данные берутся из бд,и для каждого юзера делаю кнопку редакторивания и хочу сделать радактирование каждого юзера  через модальное окно,как мне передать этот id юзера в модальное окно чтобы отредактировать его?Помогите если кто знает а то голову уже сломал
источник

S

Strayko in Frontend_ru
MyKola
доброго времени суток,есть ли у кого пример как передавать переменные в модальную форму?
есть таблица с данными юзеров ,данные берутся из бд,и для каждого юзера делаю кнопку редакторивания и хочу сделать радактирование каждого юзера  через модальное окно,как мне передать этот id юзера в модальное окно чтобы отредактировать его?Помогите если кто знает а то голову уже сломал
Делаешь форму редактирования и шлешь на бэк
источник

M

MyKola in Frontend_ru
у меня вот такой код https://paste.ofcode.org/3tRZhB8Ss7C3BUWDgFXfeg форма есть все есть но айди не знаю как передать и использовать
источник

NV

Nick Volkov in Frontend_ru
MyKola
доброго времени суток,есть ли у кого пример как передавать переменные в модальную форму?
есть таблица с данными юзеров ,данные берутся из бд,и для каждого юзера делаю кнопку редакторивания и хочу сделать радактирование каждого юзера  через модальное окно,как мне передать этот id юзера в модальное окно чтобы отредактировать его?Помогите если кто знает а то голову уже сломал
Через url query params
источник

NV

Nick Volkov in Frontend_ru
MyKola
у меня вот такой код https://paste.ofcode.org/3tRZhB8Ss7C3BUWDgFXfeg форма есть все есть но айди не знаю как передать и использовать
Просто в урл сохраняешь ид юзера в урл в виде
some.ru/?user_id=some-uuid
внутри модалки читаешь из урла
источник

M

MyKola in Frontend_ru
Nick Volkov
Просто в урл сохраняешь ид юзера в урл в виде
some.ru/?user_id=some-uuid
внутри модалки читаешь из урла
А если модалке передать параметр типо #edit?user_id ?
источник

NV

Nick Volkov in Frontend_ru
Юзай history API,
history.pushState
источник

NV

Nick Volkov in Frontend_ru
MyKola
А если модалке передать параметр типо #edit?user_id ?
Тогда уж лучше ?edit_user_id, если планируются другие типы модалок, имеющих отношение к юзеру
источник

NV

Nick Volkov in Frontend_ru
Ещё как вариант можешь присваивать рутовому элементу твоей модалки дата атрибут и читать из него
источник

M

MyKola in Frontend_ru
Nick Volkov
Тогда уж лучше ?edit_user_id, если планируются другие типы модалок, имеющих отношение к юзеру
ну форма одна,главное чтобы модалка поняла какой юзер ей редачить
источник

NV

Nick Volkov in Frontend_ru
MyKola
ну форма одна,главное чтобы модалка поняла какой юзер ей редачить
Ну пока одна, а потом появится модалка с блокировкой юзера, например, где потребуется указать причину, м?
источник

M

MyKola in Frontend_ru
Nick Volkov
Ну пока одна, а потом появится модалка с блокировкой юзера, например, где потребуется указать причину, м?
наверное глупо прозвучит а зачем блокировку?
источник

M

MyKola in Frontend_ru
оно мне не надо пока что
источник

M

MyKola in Frontend_ru
мне главное понять как передавать в модальное окно перменные и тд смогу все остальное сделать
источник

M

MyKola in Frontend_ru
просто никогда не работал с модальками) и хз что да как
источник

NV

Nick Volkov in Frontend_ru
MyKola
наверное глупо прозвучит а зачем блокировку?
Почитай про SOLID и принцип открытости-закрытости в частности. Сейчас у тебя предполагается только одно действие над юзером, но может появиться больше действий в будущем. Если сразу об этом подумать, то избавишь себя от боли в будущем
источник

NV

Nick Volkov in Frontend_ru
MyKola
мне главное понять как передавать в модальное окно перменные и тд смогу все остальное сделать
Я тебе дал два варианта - через урл и дата атрибуты
источник

M

MyKola in Frontend_ru
Nick Volkov
Я тебе дал два варианта - через урл и дата атрибуты
а пример можно?а то я не работал с модалками
источник

M

MyKola in Frontend_ru
Nick Volkov
Почитай про SOLID и принцип открытости-закрытости в частности. Сейчас у тебя предполагается только одно действие над юзером, но может появиться больше действий в будущем. Если сразу об этом подумать, то избавишь себя от боли в будущем
мне только одно надо редачить и все я под себя пишу сервис
источник

NV

Nick Volkov in Frontend_ru
MyKola
а пример можно?а то я не работал с модалками
el.setAttribute('data-user-id', id)

Аналогично getAttribute
источник