forked from powmedia/backbone-forms
/
index.html
58 lines (48 loc) · 1.92 KB
/
index.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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="lib/qunit.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lib/jquery-ui/flick/jquery-ui-1.8.14.custom.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../src/backbone-forms.css" type="text/css" media="screen" />
<script src="lib/jquery-1.6.2.min.js"></script>
<script src="lib/jquery-ui/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="lib/qunit.js"></script>
<script src="lib/underscore-1.1.7.min.js"></script>
<script src="lib/backbone-0.5.3.min.js"></script>
<script src="../src/backbone-forms.js"></script>
<script src="../src/jquery-ui-editors.js"></script>
</head>
<body>
<h1 id="qunit-header">QUnit example</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="qunit-fixture">test markup, will be hidden</div>
<script src="_setup.js"></script>
<script src="helpers.js"></script>
<script src="form.js"></script>
<script src="field.js"></script>
<script src="editors.js"></script>
<script src="jquery-ui-editors.js"></script>
<div id="uiTest"></div>
<script>
$(function() {
var Model = Backbone.Model.extend({
schema: {
date: { type: 'Date' },
datetime: { type: 'DateTime' },
list: { type: 'List' }
}
});
var model = new Model({
list: ['item1', 'item2', 'item3']
});
var form = new Backbone.Form({
model: model
}).render();
$('#uiTest').html(form.el);
});
</script>
</body>
</html>