demo.html
1.72 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
81
82
83
<div id="fhidden_page" class="page out" data-title="隐藏域">
<div class="page-content" id="fhidden_content">
<div id="fhidden-header"></div>
<div id="fhidden-form"></div>
<div id="fhidden1"></div>
<div id="fhidden2"></div>
<div id="fhidden-fbutton"></div>
</div>
</div>
<script>
require(["NavHeader", "Form", "FHidden", "FButton", "mUtil"], function(NavHeader, Form, FHidden, FButton, mUtil) {
var _u = require("mUtil");
var hasClsPicker = typeof clsPicker !== "undefined";
if(!hasClsPicker) {
new NavHeader({
el: "fhidden-header",
option: {
title:"表单-隐藏域",
smallTitle:"fhidden"
}
}).render();
new FButton({
el: "fhidden-fbutton",
container: "#fhidden_page",
option: {
form : "fhidden-form",
btns : [
{
text : "重置",
action : "reset"
},
{
text : "提交",
action : "submit",
callback : function(billid) {
console.log(billid);
},
remindMsg : "操作成功"
}
],
fixed : true
}
}).render();
}
new Form({
el: "fhidden-form",
option: {
submit : {
action : "/mobilemode/mobile/demo/plugin/Form/formAction.jsp",//提交地址
validate : function(){
//表单提交前验证脚本
}
}
}
}).render();
new FHidden({
el: "fhidden1",
option: {
form : "fhidden-form",//所属表单id
field : {
name : "h1",//隐藏域
value : "fhidden_test_data"
}
}
}).render();
var fhidden2 = new FHidden({
el: "fhidden2",
option: {
form : "fhidden-form",//所属表单id
field : {
name : "h2"
}
}
});
fhidden2.render().then(function () {
fhidden2.setValue('fhidden2_set_value_test');
});
mUtil.trigger('load');//页面渲染完成回调
});
</script>