backbone.js视图渲染

Backbone.js渲染方法使用你的代码覆盖自身,该代码从模型数据中渲染视图模板,并使用新的HTML对其进行更新。它包含用于渲染构成视图的模板的逻辑。
句法:

view.render()

让我们举个例子。
请参阅以下示例:
< !DOCTYPE html> < head> < title>View Render Example< /title> < script src="http://img.readke.com/220416/0I6462J6-0.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0I6462616-1.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/0I64CY7-2.jpg" type="text/javascript">< /script> < /head> < body> < div id="mydiv">< /div> < script type="text/javascript"> var ViewDemo = Backbone.View.extend({ el: $('#mydiv'), template: _.template("srcmini < %= tagline %>"), initialize: function(){ this.render(); }, render: function(){ this.$el.html(this.template({tagline: 'A solution of all Technology...'})); } }); var myview = new ViewDemo(); < /script> < /body> < /html>

输出:
【backbone.js视图渲染】将以上代码保存在render.html文件中,然后在新的浏览器中打开此文件。
backbone.js视图渲染

文章图片

    推荐阅读