2013-10-17 17 views
0

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

我该如何开始? 我新来this.please帮我

我想读的所有文本框数据上提交

回答

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); 
    } 
}) 
+0

m将控制台中的json对象作为..... yourName = Guddu&contact = 123456&description = no need&city = hyderabad。 但我想JSON对象为无效的格式.... { “youName”: “Guddu”, “接触”: “123456”, “说明”: “没有必要”, “城市” “海得拉巴”, } 这里使用中号$(“:输入”)。序列化()来取表单数据和conert成JSON对象.... ,请从这些 – Guddyaaa

2

谷歌搜索“骨干形式提交”为您提供了非常公平的结果读取所有输入的值,它们之间存在一个要点:

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

这是exaclty你需要。

来获取这些值的simpliest的方法是使用jQuery:

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

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

+0

帮我,但这里WEW使用骨干js mvc结构...我只能以这种方式去。我如何阅读这个视图并将其转换为json对象 – Guddyaaa

+0

@Guddyaaa上面的要点是一个非常基本的骨干示例,如果你无法弄清楚,也许你应该首先从视图基础入手。放到http://jsfiddle.net/到目前为止你所做的。 –

+0

好吧好友,,,,感谢你的vauable时间...新的这个我不知道如何做frm在哪里shuld我开始... – Guddyaaa

相关问题