У меня небольшой вопрос.
Создание системы управления бронированием.Теперь я хотел бы, чтобы у каждого бронирования было свое собственное выпадающее меню.
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
All of my lovely actions
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="?add_booking_queue&id={booking_id}">Add to queue</a>
<span class="dropdown-item" onclick="show_booking_summary({booking_id});">Another action</span>
<a class="dropdown-item" href="?download_pdf&id={booking_id}">Download booking PDF</a>
</div>
</div>
Какой-то код такой же.
Но на случай, если у меня на одном экране будет показано около 1000 заказов.Это создаст такую нагрузку HTML, что он будет работать против меня во время загрузки.И это, вероятно, увеличило бы использование памяти браузера.
Теперь я хотел бы, чтобы это выпадающее меню добавлялось динамически.
Например, добавление одной кнопки с этой функцией
<tr>
<td>ticket : 293823098</td>
<td>price : $59,-</td>
<td>name : Donald Trump</td>
<td><i class="fas fa-cog booking-action" data-id="238232"></i></td>
</tr>
Затем, нажимая на действие .booking-action, он добавляет вышеупомянутый выпадающий список.Или похожие.Не ограниченоПросто в качестве ссылки.И используя набор data-id = "238232" / или другой тег, содержащий только это.
Моя проблема в том, что я не могу найти код или запуск, необходимый дляосознать это.Все, что я нахожу, это контекстное меню, вызываемое правой кнопкой мыши, и это не то, что мне нужно.