recordlist.html 2.15 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!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>

28
29
30
31
32
    <!--

    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.
    -->
33
34
35
36
    <tr class="record">
        <td>1</td>
        <td>a</td>
        <td>
37
            <button data-sip="1" class="record-delete"><span>Delete</span></button>
38
39
40
41
42
43
44
        </td>
    </tr>

    <tr class="record">
        <td>2</td>
        <td>b</td>
        <td>
45
            <button data-sip="2" class="record-delete"><span>Delete</span></button>
46
47
48
49
50
51
52
        </td>
    </tr>

    <tr class="record">
        <td>3</td>
        <td>c</td>
        <td>
53
            <button data-sip="3" class="record-delete"><span>Delete</span></button>
54
55
56
57
58
59
60
        </td>
    </tr>

    <tr class="record">
        <td>4</td>
        <td>d</td>
        <td>
61
            <button data-sip="4" class="record-delete"><span>Delete</span></button>
62
63
64
65
66
67
68
        </td>
    </tr>
</table>

<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jqx-all.js"></script>
69
<script src="../js/EventEmitter.min.js"></script>
70
71
72
73
74
<script src="../js/qfq.debug.js"></script>
<script type="text/javascript">
    $(function () {
        'use strict';

75
        var qfqRecordList = new QfqNS.QfqRecordList('api/' + $("#deleteTo").val());
76
77
78
79
80
81
82
83
84
85
86
87
88

        $("#deleteTo").on("change", function (evt) {
            qfqRecordList.deleteUrl = 'api/' + $(evt.target).val();
        });

        QfqNS.Log.level = 0;

    });


</script>
</body>
</html>