Skip to content
Snippets Groups Projects
recordlist.html 2.15 KiB
Newer Older
<!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>