Question

我正在使用gem“rails-backbone”并试图做这个exmaple，这是用javascript制作的。我该怎么做才能让它发挥作用？我发现学习的大多数exmaples是用javascript制作的，我需要它们在我的RoR应用程序中工作。试图弄清楚这么久但却不知道如何......我需要一些帮助才能开始使用骨干真实。这是我的文件。我应该在这里更改/添加什么？我想我不会理解局部，需要完整的解释。 THX

应用程序/视图/欢迎/ index.html.erb

<div id="canvas"></div>

应用程序/资产/ Javascript角/骨干/模型/ welcome.js

var Rectangle = Backbone.Model.extend({});

应用程序/资产/ Javascript角/骨干/视图/欢迎/ inde_view.js

var RectangleView = Backbone.View.extend({
    tagName: "div",
    className: 'rectange',
    render: function() {
        this.setDimensions();
        this.setPosition();
        return this;
    },
    setDimensions: function() {
                this.$el.css({
                width: this.model.get('width') + 'px',
                height: this.model.get('height') + 'px'
            });
            },

    setPosition: function() {
             var position = this.model.get('position');
             this.$el.css({
                left: position.x,
            top: position.y
             });
             }

});
var myRectangle = new Rectangle({
    width: 100,
    height: 60,
    position: {
        x: 300,
    y: 150
    }
});

var myView = new RectangleView({model: myRectangle});

$('div#canvas').append(myView.render().el);

使用javascript在Rails中使用骨干

0 个答案: