Перезагрузить dataTable после изменения списка со списком новых данных из spservices
Я получаю данные из списка в Sharepoint 2007, используя приведенный ниже код, но после изменения значения comboBox я пытаюсь заполнить новыми данными, но я не знаю, как очистить предыдущие данные и как загрузить новый.
index.html
....
<body>
<div id="selectors">
Program: 
<select id="comboProgram" onchange="deleteRemovals()">
<option value="1">Program1</option>
<option value="2">Program2</option>
<option value="3" selected="selected">Program3</option>
<option value="4">Program4</option>
</select>
</div>
<table id="example" class="display" cellspacing="0" width="100%">
<caption>REMOVALS</caption>
<thead>
<tr>
<th>Origin</th>
<th>DOC NUMBER</th>
<th>SN</th>
<th>PN REMOVED</th>
</tr>
</thead>
</table>
</body>
а также
javascript.js
$(document).ready(function() {
loadRemovals();
});
function loadRemovals() {
var Program = document.getElementById("comboProgram").value;
var myQuery = getQuery(Program);
$().SPServices({
webURL: sharepointURL,
operation: "GetListItems",
async: false,
listName: "RM_" + Program,
CAMLQuery: myQuery,
CAMLRowLimit: 15,
completefunc: function (xData, Status) {
var liHtml ="<tbody>";
$(xData.responseXML).SPFilterNode("z:row").each(function() {
liHtml =liHtml+ " <tr><td>Removals</td><td>" + $(this).attr("ows_DOC_NUMBER") + "</td><td>" + $(this).attr("ows_AC_NUMBER") + "</td><td>" + $(this).attr("ows_PNOFF") + "</td></tr>";
});
liHtml +="</tbody>";
$("#example").append(liHtml);
}
});
$("#example").DataTable( {
"dom": 'Rlfrtip'
} );
};
function deleteRemovals(){
var table = $('#example').DataTable();
table.rows( '.selected' ).remove().draw();
loadRemovals();
};
В основном, при первом запуске выберите значение программы из comboBox и заполните данные полностью. После изменений comboBox ничего не происходит, а иногда и с другим кодом он добавляет новые данные в таблицу, но не очищает предыдущие.