forked from wenzhixin/bootstrap-table-examples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
152.html
74 lines (73 loc) · 2.83 KB
/
152.html
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
<title>How to pass parameter to server</title>
<meta charset="utf-8">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap-table/src/bootstrap-table.css">
<link rel="stylesheet" href="assets/examples.css">
<script src="assets/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/bootstrap-table/src/bootstrap-table.js"></script>
<script src="ga.js"></script>
</head>
<body>
<div class="container">
<div class="ribbon">
<a href="https://github.com/wenzhixin/bootstrap-table-examples/blob/master/152.html" target="_blank">View Source on GitHub</a>
</div>
<h1>How to pass parameter to server(<a href="https://github.com/wenzhixin/bootstrap-table/issues/152" target="_blank">#152</a> <a href="https://github.com/wenzhixin/bootstrap-table/issues/152#issuecomment-61213273">@61213273</a> ).</h1>
<b id="get">Method: Get</b>
<table data-toggle="table"
data-toolbar="#get"
data-url="http://mikepenz.com/jsfiddle/"
data-pagination="true"
data-side-pagination="server"
data-page-list="[5, 10, 20, 50, 100, 200]"
data-search="true"
data-height="400"
data-query-params="queryParams">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
<b id="post">Method: Post</b>
<table data-toggle="table"
data-toolbar="#post"
data-url="http://mikepenz.com/jsfiddle/"
data-pagination="true"
data-side-pagination="server"
data-page-list="[5, 10, 20, 50, 100, 200]"
data-search="true"
data-height="400"
data-method="post"
data-query-params="postQueryParams">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
</div>
<script>
function queryParams(params) {
params.your_param1 = 1; // add param1
params.your_param2 = 2; // add param2
// console.log(JSON.stringify(params));
// {"limit":10,"offset":0,"order":"asc","your_param1":1,"your_param2":2}
return params;
}
function postQueryParams(params) {
params.your_param1 = 1; // add param1
params.your_param2 = 2; // add param2
return JSON.stringify(params); // body data
}
</script>
</body>
</html>