Backbonejs-view-extend
提供:Dev Guides
BackboneJS-ビュー拡張
説明
*Backbone.View* クラスを拡張して、カスタムビュークラスを作成します。
構文
Backbone.View.extend(properties, classProperties)
パラメーター
- properties -ビュークラスのインスタンスプロパティを提供します。
- classProperties -ビューのコンストラクター関数に添付されたclassProperties。
例
<!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>
出力
上記のコードがどのように機能するかを確認するために、次の手順を実行してみましょう-
- 上記のコードを extend ファイルに保存します。
- このHTMLファイルをブラウザーで開きます。