0

Использую bootstrap. Из базы вывожу записи и напротив нее кнопочка "Редактировать", которая вызывает модальное окошко для конкретной записи (атрибут на вызов модального окна modal-15, где 15 - ID записи в базе). И в цикле вывожу модальные окна. И получается, что разметка окошек создается для каждой записи, и html код страницы получается просто огромный (особенно если записей много).

Какие есть более правильные способы? Буду благодарен за примеры, полезную информацию.

2
  • 1
    Создать одно модальное окно и при клике передавать в него id
    – shidow
    31 янв 2018 в 8:07
  • @shidow может есть какие-то примеры?
    – iKey
    31 янв 2018 в 8:11

1 ответ 1

0

Можно каждой кнопки добавить data атрибут с id записи и при клике передавать его в input. https://codepen.io/anon/pen/oEXXMR

$('[data-id]').click( function() {
  $('#id').val($(this).data('id'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-id="1">Кнопка id 1</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-id="2">Кнопка id 2</button>
<div class="modal fade" id="exampleModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body">
				<input type="text" id="id">
			</div>
		</div>
	</div>
</div>

2
  • а если учесть то что еще нужно получить инфу из базу по переданному id ?
    – iKey
    31 янв 2018 в 8:21
  • @Денис подгрузить через ajax, например
    – shidow
    31 янв 2018 в 8:27

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.