<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/jqx.base.css">
<link rel="stylesheet" href="../css/jqx.darkblue.css">
<link rel="stylesheet" href="../css/qfq-bs.css">
<title></title>
</head>
<body>
<label>Delete to
<select name="deleteTo" id="deleteTo">
<option>404 error</option>
<option>delete_list_ok.json</option>
</select>
</label>
<table>
<tr>
<th>Head1</th>
<th>Head2</th>
<th></th>
</tr>
<!--
Please note: The text is enclosed in <span/> tags to simulate the real world deployment. Buttons are mostly used
with <span/> tags to display icons on them. Seldom do they only contain text.
-->
<tr class="record">
<td>1</td>
<td>a</td>
<td>
<button data-sip="1" class="record-delete"><span>Delete</span></button>
</td>
</tr>
<tr class="record">
<td>2</td>
<td>b</td>
<td>
<button data-sip="2" class="record-delete"><span>Delete</span></button>
</td>
</tr>
<tr class="record">
<td>3</td>
<td>c</td>
<td>
<button data-sip="3" class="record-delete"><span>Delete</span></button>
</td>
</tr>
<tr class="record">
<td>4</td>
<td>d</td>
<td>
<button data-sip="4" class="record-delete"><span>Delete</span></button>
</td>
</tr>
</table>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jqx-all.js"></script>
<script src="../js/EventEmitter.min.js"></script>
<script src="../js/qfq.debug.js"></script>
<script type="text/javascript">
$(function () {
'use strict';
var qfqRecordList = new QfqNS.QfqRecordList('api/' + $("#deleteTo").val());
$("#deleteTo").on("change", function (evt) {
qfqRecordList.deleteUrl = 'api/' + $(evt.target).val();
});
QfqNS.Log.level = 0;
});
</script>
</body>
</html>