forked from vitmalina/w2ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
form2.html
83 lines (83 loc) · 3.67 KB
/
form2.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
75
76
77
78
79
80
81
82
83
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="../dist/w2ui.css" />
<script type="text/javascript" src="../libs/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../src/w2utils.js"></script>
<script type="text/javascript" src="../src/w2fields.js"></script>
<script type="text/javascript" src="../src/w2form.js"></script>
<script type="text/javascript" src="../src/w2tabs.js"></script>
<script type="text/javascript" src="../src/w2toolbar.js"></script>
<script type="text/javascript" src="../src/w2popup.js"></script>
<script>
//<![CDATA[
$(function () {
$('#form').w2form({
name : 'form',
url : 'form.php',
recid : 4,
header : 'Edit header',
//formURL : 'form-template.html',
//formHTML: 'some html',
record: {
"field.date": '3/15/2013'
},
tabs: ['General', 'Aditional'],
fields: [
{ name: 'field.text', type: 'text', required: true,
html: { caption: 'Text', page: 0 }
},
{ name: 'field.alpha', type: 'alphanumeric', required: true,
html: { caption: 'Alpha Numeric', page: 0 }
},
{ name: 'field.int', type: 'int', required: true,
html: { caption: 'Integer', page: 0 }
},
{ name: 'field.float', type: 'float', required: true,
html: { caption: 'Float', page: 0 }
},
{ name: 'field.date', type: 'date',
options: { format: 'mm/dd/yyyy', blocked: ['3/12/2013', '3/13/2013'] },
html: { caption: 'Date', page: 0 }
},
{ name: 'field.list', type: 'list', required: true,
options: { items: [{ id: 0, txt: 'Adams, John' }, { id: 1, text: 'Adams2, John' }], showNone: false },
html: { caption: 'List', page: 0 }
},
{ name: 'field.enum', type: 'enum', required: true,
options: { items: [{id: 1, text: 'Adams, John'}, 'Johnson, Peter', 'Lewis, Frank', 'Cruz, Steve', 'Donnun, Nick'] },
html: { caption: 'Enum (multi select)', attr: 'style="width: 100%"', page: 0 }
},
{ name: 'field.textarea', type: 'textarea', required: true,
html: { caption: 'Text Area', attr: 'style="width: 100%; height: 90px; resize: none"', page: 0 }
},
{ name: 'field.textarea', type: 'textarea', html: { page : 1 } },
{ name: 'field.text2', type: 'text', html: { page : 1 } },
{ name: 'field.text3', type: 'text', html: { page : 1 } },
{ name: 'field.text4', type: 'text', html: { page : 1 } },
{ name: 'field.text5', type: 'text', html: { page : 1 } },
{ name: 'field.upload', type: 'text', html: { page : 1 } }
],
actions: {
Reset: function () {
this.clear();
},
Save: function () {
var obj = this;
this.save({}, function (data) {
console.log(data);
if (data.status == 'error') {
console.log('ERROR: '+ data.message);
return;
}
//obj.clear();
});
}
}
});
});
//]]>
</script>
<body>
<div id="form" style="width: 700px; height: 500px;"></div>
</body>
</html>