demo.html
2.44 KB
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
<div id="page_1" class="page out" data-title="页面1">
<h4>表单</h4>
<abbr id="C6AABD36C1A000016ABC1BFFBC731274" data-type="Form"></abbr>
<abbr id="C6AABD36C1A000016ABC1BFFBC731275" data-type="FInputText"></abbr>
<abbr id="C6AABD36C1A000016ABC1BFFBC731276" data-type="FSelect"></abbr>
<abbr id="C6AABD36C1A000016ABC1BFFBC731277" data-type="FButton"></abbr>
<div class="wev-btn-wrapper wev-btn-block">
<a id="submitBtn" class="wev-btn wev-btn-submit" href="javascript:;" onclick="formSubmit()">提交</a>
</div>
</div>
<style>
.page{ background-color: #fff; }
h4 { margin: 10px; }
.wev-btn-submit {
color: #fff;
background-color: #017afd;
}
.wev-btn-submit.disabled {
border-color: #ccc;
background-color: #ccc;
}
</style>
<script>
function formSubmit(){
var btn = document.getElementById("submitBtn");
if (btn.classList.contains("disabled")) return;
btn.classList.add("disabled");
Mobile_NS.formSubmit("C6AABD36C1A000016ABC1BFFBC731274", function (result) {
Mobile_NS.alert("提交成功");
btn.classList.remove("disabled");
});
}
/**
* 以下代码为页面插件的初始化，demo效果所需，无需关注
**/
require(["main_demo"], function () {
require(["Form", "FInputText", "FSelect", "FButton"], function (Form, FInputText, FSelect, FButton) {
new Form({
el: "C6AABD36C1A000016ABC1BFFBC731274",
option: {
submit: {
action: "/mobilemode/mobile/demo/api/formSubmit/action.jsp"
}
}
}).render();
new FInputText({
form: "C6AABD36C1A000016ABC1BFFBC731274",
el: "C6AABD36C1A000016ABC1BFFBC731275",
option: {
field: {
label: "姓名",
name: "name",
type: "text"
},
placeholder: "请输入姓名..."
}
}).render();
new FSelect({
form: "C6AABD36C1A000016ABC1BFFBC731274",
el: "C6AABD36C1A000016ABC1BFFBC731276",
option: {
field: {
label: "性别",
name: "sex"
},
items: [
{ "name": "", "value": "" },
{ "name": "男", "value": "1" },
{ "name": "女", "value": "2" }
]
}
}).render();
});
});
</script>