Как я могу отправить 3 данных в onclick? - PullRequest
0 голосов
/ 26 января 2020

Я пытался всеми способами, но я не могу отправить 3 данных с событием onclick

Как использовать onclick с несколькими данными,

Я новичок в программировании

MY ошибка:

Uncaught SyntaxError: неверный или неожиданный токен

          var customerTable = $('#phoneList tbody');
              customerTable.empty();
                  for (var i = 0; i < msg.length; i++) {
                      customerTable.append('<tr>' +
                          '<td>' + msg[i].PhoneNo + '</td>' +
                          '<td>' + msg[i].PhoneID + '</td>' +
                          '<td class="text-right">' + "<button class='btn btn-primary btn-circle' onclick='PhoneCreate("+msg[i].Ref+msg[i].PhoneNo+msg[i].PhoneID +" )'  type='button'><i class='fa fa-edit'></i></button>" +
                          "<button class='btn btn-warning btn-circle' onclick='PhoneDelete(" + msg[i].Ref + ")' type='button'><i class='fa fa-trash'></i></button>" +
                          '</tr>');
                  }

1 Ответ

1 голос
/ 26 января 2020

Хотя технически можно исправить существующий код, избегая символов в строке, было бы намного лучше (и намного проще управлять), если бы вы подключили прослушиватель с помощью Javascript вместо этого - таким образом, вы не будете вам не нужно беспокоиться об избежании проблем, и вам не нужно загрязнять глобальную область действия для слушателей:

var customerTable = $('#phoneList tbody');
customerTable.empty();
for (const { Ref, PhoneNo, PhoneID } of msg) {
 const $tr = $(`
   <tr>
     <td>${PhoneNo}</td>
     <td>${PhoneID}</td>
     <td class="text-right">
       <button class='btn btn-primary btn-circle' type='button'><i class='fa fa-edit'></i></button>
       <button class='btn btn-warning btn-circle' type='button'><i class='fa fa-trash'></i></button>
     </td>
   </tr>
 `);
 $tr.find('.fa-edit').on('click', () => PhoneCreate(Ref, PhoneNo, PhoneID));
 $tr.find('.fa-trash').on('click', () => PhoneDelete(Ref));
 customerTable.append($tr);
}

(убедитесь, что правильно завершил <td> - для последней ячейки отсутствует в исходном коде)

...