javascript - Backbone : Calling Model fetch on a click of a button

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

Note: I am new to backbone js

现在，当页面加载时 Model.fetch() 被调用并且 View 被更新。我想改为单击按钮。

HTML:

<div class="col-md-4">
     <button type="button" id="btnMiningInfo" class="btn btn-default btn-lg">Mining Info</button>
     <div class="highlight" id="miningInfo"></div>
</div>

查看:

var MiningInfoView = Backbone.View.extend({
    id:'info',
    class:'table table-hover',
    template:_.template('<table><tbody><tr><td><span>Number Of Blocks</span></td>'+
                   '<td><span><%= blocks %> </span></td>'+
                '</tr></tbody></table>'),
    initialize: function() {
                   //this.model.on('change', this.render, this);
    },
    render: function() {
           var attributes = this.model.toJSON();
           this.$el.html(this.template(attributes));
    } 
});
var miningView = new MiningInfoView({model: miningModel});
miningView.render();
$('#miningInfo').html(miningView.el);

这里我已经注释掉了initialize函数以在页面加载时停止获取模型。

型号

var MiningModel = Backbone.Model.extend({
        url:'http://localhost:3000/getMiningInfo',
    defaults: {
           blocks: "",
        },
    parse: function(resp) {
           return resp;
    }
});
var miningModel = new MiningModel();
miningModel.fetch();

$("#btnMiningInfo").click(function(){
    miningModel.fetch();
});

Answer 1

也许您只需要删除其中一个提取调用:

var miningModel = new MiningModel();

//Remove this fetch
miningModel.fetch();

当这部分代码被执行时，它将获取模型。但似乎您希望挖掘模型在点击时获取，您已经在此处实现了:

$("#btnMiningInfo").click(function(){
    miningModel.fetch();
});