Backbone.js属性方法指定属性的哈希,该哈希包含视图el上的HTML DOM元素属性(id,class,data-properties等),或返回此类哈希的函数。
句法:
view.attributes
让我们举个例子。
请参阅以下示例:
<!DOCTYPE html>
<head>
<title>View Attributes Example</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
</head>
<body>
<div id="myapp"></div>
<script type="text/javascript">
var MyModel = Backbone.Model.extend({
defaults: {
name: "John Davison"
}
});
var ViewDemo = Backbone.View.extend({
initialize: function () {
document.write("View is initialized..."+"<br>");
document.write("My site name is: ", this.model.get("Site")+"<br>");
document.write("My tag name is: ", this.tagName+"<br>");
document.write("My class name is: ", this.className);
}, });
$(function () {
var mymodel = new MyModel({ Site: "srcmini" });
var myview = new ViewDemo({ model: mymodel, tagName: "mytag", className: "myclass"});
</script>
</body>
</html>
输出:
将上面的代码保存在attributes.html文件中,然后在新的浏览器中打开该文件。
评论前必须登录!
注册