У меня есть вопрос о том, как это сделать, я говорю вам, чтобы посмотреть, если вы можете проиллюстрировать, как я могу это сделать. У меня есть таблица, которая заполнена данными из базы данных, и в одном из столбцов есть 3 кнопки, в каждой строке появляются соответствующие кнопки, в которых каждая ссылка на действие, просмотр данных, изменение данных и удаление данных при нажатии Вы должны отправить меня на эту страницу с соответствующим идентификатором данных выбранной строки. Проблема в том, что я не знаю, как собрать это значение, так как я не могу использовать форму, потому что это 3 разные кнопки. Я думал, что с помощью javaScript я смогу подобрать значение id и отправить его соответствующей кнопке. Но я не знаю, правильно ли это, потому что я не заканчиваю видеть ее. Есть идеи?
Я пытался собрать значения td с помощью id = "", но оказалось, что предупреждение, которое я печатаю с помощью javascript, кажется неопределенным, с приложенным кодом:
<script>
function verId(){
var id = document.getElementById("id1").value;
alert ("El nombre es: "+id);
}
<td id="id1">'.utf8_encode($fila['nombre']).'</td>
Восток cГіdigo позволяет тебе захватывать текст элемента, что estГЎs нажимая:
<p onclick="verId()">Ver</p>
<p onclick="verId()">Editar</p>
<p onclick="verId()">Borrar</p>
<script type="text/javascript">
function verId(){
window.onclick = e => {
console.log(e.target.innerText);
}
}
</script>
не лучший способ это делать, но дает тебе идею как захватывать событие. Начнись из-за aquГ - и разработай собственные ты cГіdigo.
(() => {
class App {
constructor() {
this.ObjDesigner = {};
}
Initialize() {
try {
this.Designer();
this.Create();
} catch (error) {
console.error("app.html/Initialize =>", error)
}
}
Designer(){
try {
this.ListButtons = [...document.getElementsByClassName("btnActions")];
} catch (error) {
console.error("app.html/Designer =>", error)
}
}
Create(){
try {
this.ListButtons.forEach((itemElementHTml, index) => {
itemElementHTml.dataset.id = `${index}_${new Date().getTime().toString()}`;
this[itemElementHTml.innerText] && itemElementHTml.addEventListener("click", this[itemElementHTml.innerText], false)
})
} catch (error) {
console.error("app.html/Designer =>", error)
}
}
EventAdd(event) {
try {
alert(event.target.dataset.id)
} catch (error) {
console.error("app.html/EventAdd =>", error)
}
}
EventUpdate(event) {
try {
alert(event.target.dataset.id)
} catch (error) {
console.error("app.html/EventUpdate =>", error)
}
}
EventDelete(event) {
try {
alert(event.target.dataset.id)
} catch (error) {
console.error("app.html/EventDelete =>", error)
}
}
}
const objApp = new App();
objApp.Initialize();
}
)();
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td,
th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
<body>
<h2>App</h2>
<table>
<tr>
<th>Field01</th>
<th>Field02</th>
<th>Field03</th>
</tr>
<tr>
<tr>
<td>Data01</td>
<td>Data01</td>
<td>
<button class="btnActions">EventAdd</button>
<button class="btnActions">EventUpdate</button>
<button class="btnActions">EventDelete</button>
</td>
</tr>
<tr>
<td>Data01</td>
<td>Data01</td>
<td>
<button class="btnActions">EventAdd</button>
<button class="btnActions">EventUpdate</button>
<button class="btnActions">EventDelete</button>
</td>
</tr>
</table>
</body>
ты Можешь использовать API dataset
, которая позволяет тебе некий способ сохранять informaciГіn. Это ты это можешь setear в твой сам кнопки, помни encriptar твои данные. Когда ты нарисуешь данные dinГЎmicos, не является рекомендуемым использовать пойдите в контроле Html, так как он может существовать "дублированные данные".