如何使用backbonejs从文本框中读取数据

时间:2013-10-17 07:05:54

标签: javascript backbone.js requirejs marionette

我想从模板中读取用户输入文本框中的数据,并使用backbonejs mvc框架创建一个json对象。 这里使用handlebars.1.0.0.beta.3,需要js,backbone.marionette.min。 我有一个由4个用户输入文本字段组成的模板。

我该如何开始? 我是新手。请帮助我

我想阅读提交

上的所有文本框数据

2 个答案:

答案 0 :(得分:2)

没有特殊的方法,只需在那里使用JQuery。

假设您在模板中有表单,则在视图中有一个事件捕获该表单的提交事件。并读取该处理程序中所有输入的值

 var FormView = Backbone.View.extend({
    template:formTemplate, //which has a form
    events:{
       'submit form':'submitHandler'
    },
    submitHandler:function(e){
       e.preventDefault();
       var inputFields = ['name1', 'name2', 'name3']
       var valueMap = _.map(inputFields, function(elementName){
           var obj = {};
           obj[elementName] = this.$('input[name='+elementName+']').val();
           return obj;
       })
       console.log(valueMap);
    }
 })

答案 1 :(得分:2)

谷歌搜索'骨干表格提交'给你相当公平的结果,其中有一个要点:

https://gist.github.com/sbrekken/1391456

这是你所需要的。

获取这些值的最简单方法是使用jQuery:

this.$('input[name=name]').val()

this.$将在input[name=name]视图范围内搜索this的节点。