Sencha-touch-class-system

Sencha Touch-クラスシステム

Sencha TouchはJavaScriptフレームワークであり、オブジェクト指向プログラミングの機能を備えています。 Sencha Touchクラスシステムは、Ext JS 4標準に基づいています。 Extは、Sencha Touchのすべてのクラスをカプセル化する名前空間です。

Sencha Touchでクラスを定義する

Extは300を超えるクラスを提供し、さまざまな機能に使用できます。

Ext.define（）は、Sencha Touchでクラスを定義するために使用されます。

構文

Ext.define(class name, class members/properties, callback function);

Copy

• クラス名*は、アプリの構造に応じたクラスの名前です。 たとえば、appName.folderName.ClassName studentApp.view.StudentView。

• クラスのプロパティ/メンバー*は、クラスの動作を定義します。

• コールバック関数*はオプションです。 クラスが適切にロードされたときに呼び出されます。

Sencha Touchクラス定義の例

Ext.define(studentApp.view.StudentDeatilsGrid, {
   name: 'StudentName,
   read: function(bookName){
      console.log(this.name +’is reading ’bookName);
   }
});

Copy

オブジェクトを作成する

他のOOPSベースの言語として、Sencha Touchでもオブジェクトを作成できます。

新しいキーワードを使用してSencha Touchでオブジェクトを作成する方法-

var studentObject = new student();
studentObject.read(‘History’);

Copy

コンソール出力は、StudentNameが履歴を読み取っています。