如何使用更多链接按钮创建骨干视图？

Question

我正在尝试创建一个骨干视图，其中包含更多按钮。请查看下图

这些按钮是根据不同的响应生成的，对于每个按钮，一个响应将在那里，所以动态我创建按钮视图并附加它。

如果有更多按钮（4,5等），我需要显示“更多”按钮，这样如果用户点击“更多”按钮，我需要展开并显示所有按钮。

我们如何处理此案件？我尝试过骨干采集

Answer 1

我想你可以做这样的事情吗？

http://jsfiddle.net/u9y574y8/

ExpandableView = Backbone.View.extend({
    itemTemplate: _.template('<button name="<%=name%>" id="<%=name%>" value="<%=name%>"><%=name%></button>'),
    id: 'expand',
    events: {
        'click #more': 'more'
    },
    initialize: function(opt) {
        // attach to the main body
        $(opt['main']).append(this.el)

        this.counter = 3;
        this.render();
    },
    more: function() {
        this.counter += 3;
        this.render();
    },
    render: function() {
        $(this.el).html('');
        for (var i = 0; i < this.counter; i++) {
            $(this.el).append(this.itemTemplate({name: i}));
        }
        $(this.el).append(this.itemTemplate({name: 'more'}));

        return this;
    }
});

var search_view = new ExpandableView({ main: $('body') });