kio solution

http://groups.google.com/group/backbone-forms/browse_thread/thread/57d1c80674e6e440

by RC Hunter

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/powmedia/backbone-forms/feature/templates/src/backbone-forms.js"></script>
<script src="https://raw.github.com/powmedia/backbone-forms/feature/templates/src/jquery-ui-editors.js"></script>
<link rel="stylesheet" href="https://raw.github.com/powmedia/backbone-forms/65a246df4e4413234d328db3a894bb9d3612af3f/src/backbone-forms.css">
<html>
<body></body>
</html>

JavaScript

(function ($){ 

    $(function() {
        var User = Backbone.Model.extend({ 
            schema: { 
                email:      { dataType: 'email' }, 
                name:       { type: 'Text' }, 
                tel:        { type: 'Number'}, 
                notes:      { type: 'List' } 
            } 
        }); 
    
        var Model = new User ({ 
            tel: null, 
            notes: ['item1', 'item2', 'item3'] 
        }); 
        var FormView = Backbone.View.extend({ 
            initialize: function (){ 
                _.bindAll(this, 'render'); 
            }, 
    
            render: function () { 
                var form = new Backbone.Form({ 
                    model: Model
                }).render(); 
                $(this.el).append(form.el); 
                return this; 
            } 
        }); 
        
        var listView = new FormView().render(); 
        $('body').append(listView.el);
    });

})(jQuery);