单击时在视图中切换模板答案

【问题标题】：switch template in a view on click单击时在视图中切换模板
【发布时间】：2014-01-06 20:46:04
【问题描述】：

我想要一个带有摘要和详细信息 div 的视图，最初我将显示带有详细信息按钮的摘要，单击要替换视图模板并调用渲染函数的详细信息，这是切换模板的正确方法还是有更好的方法方式。

 <script type="text/javascript">

var viewTemplate= {
    name:'#template1'
}

var ContentView = Backbone.View.extend({
    el: $('#content'),
    initialize: function(){
        this.render();
    },
    render: function(){
        var template = _.template($(viewTemplate.name).html());
        this.$el.html(template);
        return this;
    },
    events:{
        "click #showMore": "showMore",
        "click #showLess": "showLess"

    },
    showMore:  function(){
        viewTemplate.name='#template2';
        this.render();
        console.log(viewTemplate.name);
    },
    showLess:function(){
        viewTemplate.name='#template1';
        console.log(viewTemplate.name);
        this.render();
    }
});

var appView = new ContentView();

【问题讨论】：

标签： backbone.js

【解决方案1】：

您是否考虑过在视图中添加 state 属性？通过应用程序中的更改或事件设置状态。

您的渲染函数可以根据状态渲染正确的视图。每个案例都可以有自己的模板。似乎更容易维护。

【讨论】：