javascript - 如何从 Backbone.js 中的 View 对象中获取当前模板中的所有元素

Question

如何从backbone.js中的View对象中获取当前模板中的所有input元素，以便我可以检查input元素中的值。

/*template*/

<script id="emptemplate" type="text/template">
<input id="name" value="{name}"/>
<input id="address" value="{address}"/>
<input id="sex" value="{sed}"/>
<footer>
   <button id="save">save</button>
</footer>
</script>

/*javascript*/

var EmployeeView = Backbone.View.extend({
  ...
  render:function(){
  ....
  },
  events:{
    "click #save": "saveData"
  },
  saveData: function (e) {
        var Data = [];
        $('input').each(function (value, key) {
            /*my problem here:
             cannot able to get the value of input element!
             */
            var v = value;
            var k = key;
        });
    }
  });

Answer 1

将渲染函数更新为

render: function(){
       var template = _.template( $("#emptemplate").html(), {} );
       this.$el.html( template );
}

然后尝试...它会将模板添加到您 View 的 el 然后您可以绑定(bind)并对其执行操作