Backbonejs-view-initialize
提供:Dev Guides
BackboneJS-ビューの初期化
説明
*new* キーワードを使用してビューをインスタンス化し、ビューが最初に作成されたときに呼び出されます。
構文
new View(options)
パラメーター
*options* -これらは、model、collection、el、id、className、tagName、属性、およびイベントのオプションのパラメーターです。
例
<!DOCTYPE html>
<html>
<head>
<title>View 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>
<script type = "text/javascript">
//'ViewDemo' is a name of the view class
var ViewDemo = Backbone.View.extend ({
//This function is called when the view is instantiated
initialize:function() {
document.write('Welcome to finddevguides!!!');
}
});
//'myview' is an instance of the view 'ViewDemo'
var myview = new ViewDemo();
</script>
</body>
</html>
出力
上記のコードがどのように機能するかを確認するために、次の手順を実行してみましょう-
- 上記のコードを initialize ファイルに保存します。
- このHTMLファイルをブラウザーで開きます。