Backbone.js 在渲染中关闭 div 换行 [英] Backbone.js turning off wrap by div in render

问题描述

我有模型帖子和收藏帖子.并希望使用 <select id="multi" multiple="multiple"> 中的所有帖子列表制作表单.所以我必须使用这个模板在我的 #multi 中制作一个 PostView 渲染:

I have model Post and collection Posts. And want to make form with list of all post in <select id="multi" multiple="multiple">. So i have to make a PostView render inside my #multi with just this template:

<option value=""><%= title %></option>

但最后我用 div 包裹了它.有没有不用<div>包装这个模板的解决方案?

But finally I get it wrapped with div. Is there any solution for not wrapping this template with <div>?

推荐答案

如果您没有为视图(在类中或实例化期间)定义 el(或 tagName)，视图将放置在 div 标签内.http://documentcloud.github.com/backbone/#View-el

If you don't define an el (or tagName) for the view (in the class or during instantiation) the view will be placed inside a div tag. http://documentcloud.github.com/backbone/#View-el

var PostView = Backbone.View.extend({
  tagName: 'option'
});

更新

从 v0.9.0 开始，Backbone 有 view.setElement(element) 来完成这项工作.

Starting v0.9.0, Backbone has view.setElement(element) to get this done.

var PostView = Backbone.View.extend({
    initialize: function() {
        var template = _.template('<option value=""><%= title %></option>');
        var html = template({title: 'post'});
        this.setElement(html);
    }
});

这篇关于Backbone.js 在渲染中关闭 div 换行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！