Backbone视图$setElement用法举例

Backbone视图
*$setElement

例子1

varItemView = Backbone.View.extend({

tagName: 'li'

,id:'liId'

});

varitem = new ItemView();

item.setElement($('#mydiv'));

/* 执行完setElement方法之后，变更了item实例的el、$el属性

实例包装的属性： item实例（执行之后） item实例（执行之前）

$el-> jquery对象 $('#mydiv') $('li#liId')

id ->id属性 liId liId

cid-> 客户id "view1" "view1"

el-> 原生dom对象 #mydiv li#liId

tagName -> 标签名 li li



注意：

1.要设置el属性，或执行setElement方法请确保所指向的元素是存在的

如设置el为”.mydiv“则要确保存在class为mydiv的元素在html中

2.id属性在什么情况下会自动添加到标签之中？

答：只有在没有设置el属性，或者没有执行setElement方法的情况下，并且id的设置方式为

varItemView = Backbone.View.extend({ tagName:'div', id:'abc' });

itemView= new ItemView();

而不是

varItemView = Backbone.View.extend({ tagName:'div'});

itemView= new ItemView();

itemView.id= ”abc“;

backbone才会将id属性添加到元素上面

*/

例子2

html：

	<li>1</li>

	<li>2</li>

varItemView = Backbone.View.extend({

tagName: 'li'

,id: 'liId'

,el: 'li'

});



varitem = new ItemView();

/* 

	执行完setElement方法之后，变更了item实例的el、$el属性

	实例包装的属性： item实例（执行之后）

	$el-> jquery对象 $('li')个数2

	id ->id属性 liId


	cid-> 客户id "view1"

	el -> 原生dom对象 li（个数1，指向匹配的第一个元素，此例为<li>1</li>）

	tagName -> 标签名 li
*/

本文来源 我爱IT技术网 http://www.52ij.com/jishu/4825.html 转载请保留链接。