backbone.js视图setelement

本文概述

  • 参数说明
【backbone.js视图setelement】Backbone.js setElement方法用于将主干视图应用于其他DOM元素。它还创建了一个缓存的$ el引用,并将视图的委托事件从旧元素替换为新元素。
句法:
view.setElement(element)

参数说明element:它指定一个可以从现有元素更改为其他元素的元素。
让我们举个例子。
请参阅以下示例:
< !DOCTYPE html> < head> < title>View setElement Example< /title> < script src="http://img.readke.com/220416/064P31049-0.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/064P334J-1.jpg" type="text/javascript">< /script> < script src="http://img.readke.com/220416/064P34303-2.jpg" type="text/javascript">< /script> < /head> < body> < div id="myview"> Enter any text: < input type="text"/> < /div> < div id="myapp">< /div> < script type="text/javascript"> var ViewDemo = Backbone.View.extend({events: { 'change input': 'sayHi' }, initialize: function() { this.setElement($('#myview')); }, sayHi: function() { document.write('srcmini: A solution of all technology...'); } }); var viewdemo = new ViewDemo; < /script> < /body> < /html>

输出:
将上面的代码保存在setElement.html文件中,然后在新的浏览器中打开此文件。
backbone.js视图setelement

文章图片
输入任何文本,你将得到以下结果。
backbone.js视图setelement

文章图片

    推荐阅读