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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
| <!DOCTYPE html>
| <html lang="zh">
| <head>
| <meta charset="UTF-8" />
| <title>amis demo</title>
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| <meta
| name="viewport"
| content="width=device-width, initial-scale=1, maximum-scale=1"
| />
| <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
| <link rel="stylesheet" href="${ctxPath}/sdk/sdk.css" />
| <link rel="stylesheet" href="${ctxPath}/sdk/helper.css" />
| <link rel="stylesheet" href="${ctxPath}/sdk/iconfont.css" />
| <!-- 这是默认主题所需的，如果是其他主题则不需要 -->
| <!-- 从 1.1.0 开始 sdk.css 将不支持 IE 11，如果要支持 IE11 请引用这个 css，并把前面那个删了 -->
| <!-- <link rel="stylesheet" href="sdk-ie11.css" /> -->
| <!-- 不过 amis 开发团队几乎没测试过 IE 11 下的效果，所以可能有细节功能用不了，如果发现请报 issue -->
| <style>
| html,
| body,
| .app-wrapper {
| position: relative;
| width: 100%;
| height: 100%;
| margin: 0;
| padding: 0;
| }
| </style>
| </head>
| <body>
| <div id="root" class="app-wrapper"></div>
| <script src="${ctxPath}/sdk/sdk.js"></script>
| <script type="text/javascript">
| (function () {
| let amis = amisRequire('amis/embed');
| // 通过替换下面这个配置来生成不同页面
| let amisJSON = {
| "type": "page",
| "title": "",
| "body": [
| {
| "type": "form",
| "id": "u:710cbc62ec24",
| "title": "",
| "body": [
| {
| "type": "form",
| "title": "",
| "body": [
| {
| "type": "tpl",
| "tpl": "                    换课",
| "inline": true,
| "wrapperComponent": "h2",
| "id": "u:194f160daab4"
| },
| {
| "type": "input-text",
| "label": "id",
| "name": "id",
| "id": "u:d038053014ca",
| "mode": "horizontal",
| "size": "md",
| "hidden": true
| },
| {
| "type": "input-text",
| "label": "ids",
| "name": "ids",
| "id": "u:223b7f2a1a5b",
| "mode": "horizontal",
| "size": "md",
| "hidden": true
| },
| {
| "label": "换课课程：",
| "type": "select",
| "name": "holiId",
| "id": "u:e205156867e3",
| "multiple": false,
| "mode": "horizontal",
| "source": {
| "url": "/tStudent/gettrans/$id",
| "method": "get",
| "requestAdaptor": "",
| "adaptor": "",
| "messages": {
| }
| },
| "value": "",
| "labelField": "value",
| "valueField": "id",
| "size": "md",
| "searchable": true,
| "required": true
| }
| ],
| "api": {
| "url": "/tStudent/ToTrans",
| "method": "post",
| "requestAdaptor": "",
| "adaptor": "",
| "messages": {
| },
| "dataType": "form-data"
| },
| "id": "u:8860df492a12"
| }
| ],
| "actions": [
| ]
| }
| ],
| "id": "u:42603b55fcf2"
| };
| let amisScoped = amis.embed('#root', amisJSON);
|
|
| })();
|
| function test(){
| console.log("测试成功")
| }
|
| var myButton = document.getElementById("ttt");
| myButton.addEventListener("click",test);
| </script>
|
| </body>
| </html>
|
|
