backnone render ajax,render

render

描述 (Description)

它包含用于呈现构建视图的模板的逻辑。

语法 (Syntax)view.render()

例子 (Example)

View Example

//'ViewDemo' is a name of the view class

var ViewDemo = Backbone.View.extend ({

//'el' uses '#mydiv' as the view reference

el: $('#mydiv'),

//'template' provides access to instance data when rendering the view

template: _.template("Welcome to "),

//This function is called when the view is instantiated

initialize: function() {

this.render();

},

//'render' provides the logic required to construct the view

render: function() {

//'$el' is cached object that push the content defined within it and

//display the value of 'name' when 'template' access the data

this.$el.html(this.template({name: 'IoWiki...!'}));

}

});

//'myview' is an instance of the 'ViewDemo' class

var myview = new ViewDemo();

输出 (Output)

让我们执行以下步骤来查看上述代码的工作原理 -将以上代码保存在render.htm文件中。

在浏览器中打开此HTML文件。

新页面打开