从模板中的视图呈现表单

Question

我正在评估backbone.js、backbone-forms 和Rails，但我遇到了一些问题......

我有一个视图，我在其中创建了一个新模型和一个表单，并且我想将此表单与其他 html 元素一起显示，所以我使用了一个模板。

expedients_new.js.coffee
------------------------

class Globalbackbone.Views.ExpedientsNew extends Backbone.View

template: JST['expedients/new']

render: ->

@form = new Backbone.Form({
    model: @model
}).render();

console.log(@model.procedencia) 
console.log(@form) 
$(@el).html(@template(expedient: @model, form: @form ))
this

这个视图使用了一个模板，在这个模板中，我想在那里渲染表单，但是我不知道怎么做......

new.jst.eco
-----------

<h1>BackBones with GlobalWeb</h1>

<h2>Adding New Expedient</h2>

<%=@expedient.date%>
<hr>
<%=@form.el%>
<hr>
<%=@form%>

提前致谢，

问候

编辑

我期望表单的当前浏览器输出是： [对象 HTMLFormElement]

Answer 1

usage instructions 表示@form 将是一个主干视图：

var form = new Backbone.Form({
    model: user
}).render();

这意味着@form.el 将是您需要插入到 DOM 中的 DOM 元素：

$('body').append(form.el);

如果您查看the source，您会发现Backbone.Form 是Backbone.View 的子类：

var Form = (function() {
  return Backbone.View.extend({
    //...

您的代码试图将 @form 视为包含 HTML 的字符串：

<%=@form%>

所以你最终会得到一个标准的字符串化版本的 DOM 元素：[object HTMLFormElement]。

如果你有这样的想法，我想你会运气更好：

@$el.append(@template(expedient: @model))
@$el.append(@form.el)

在你的模板中：

<h1>BackBones with GlobalWeb</h1>

<h2>Adding New Expedient</h2>

<%=@expedient.date%>
<hr>

那么你的表单应该出现在<hr>之后。