0

我正在评估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%>

提前致谢，

问候

编辑

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

4

1 回答 1

0

使用说明表明这@form将是一个主干视图：

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

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

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

如果您查看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>.

于 2012-11-25T06:17:47.203 回答