Po kliknieciu na przycisk dodaje do mojej tabeli wiersz:
$("#ButtonAcceptEmployee").click(function(){
alert("Dodano nowego pracownika");
var employeeIdTr = "<tr><td>Identyfikator pracownika:</td><td>"+ data.id +"</td></tr>"
$("#addEmployeeTable").append(employeeIdTr);
});
Moje pytanie do bardziej doświadczonych to :
Jaka jest metoda na usuniecie takiego wiersz po ponownym kliknieciu ?
Tak da się poprzez remove().
Przykładowa "implementacja":
$("#employee-table:last").remove();
usunie ostatnią pozycje z tablicy o id employee-table
To usuwa mi całą tabelę.
Moja tabela przed dynamicznym dodaniem wiersza wygląda tak:
<table id="addEmployeeTable" cellpadding="5" >
<tr>
<td>Imie:</td>
<td><input id="inputFirstName" class="easyui-textbox" type="text" data-options="required:true" style="width: 170px"></input></td>
</tr>
<tr>
<td>Nazwisko:</td>
<td><input id="inputLastName" class="easyui-textbox" type="text" data-options="required:true" style="width: 170px"></input></td>
</tr>
</table>
Po dodaniu wiersza przy kliknieciu wygląda tak:
<table id="addEmployeeTable" cellpadding="5" >
<tr>
<td>Imie:</td>
<td><input id="inputFirstName" class="easyui-textbox" type="text" data-options="required:true" style="width: 170px"></input></td>
</tr>
<tr>
<td>Nazwisko:</td>
<td><input id="inputLastName" class="easyui-textbox" type="text" data-options="required:true" style="width: 170px"></input></td>
</tr>
<tr>
<td>Identyfikator pracownika:</td>
<td>"+ data.id +"</td>
</tr>
</table>
Chodziło mi o to w jaki sposób przywrócić pierwszy wygląd tabeli bez usuwania całej tabeli tylko ostatniego