Sencha Touch - Sistema di classe

Sencha Touch è un framework JavaScript, che ha funzionalità di programmazione orientata agli oggetti. Il sistema di classe Sencha Touch si basa sugli standard Ext JS 4. Ext è lo spazio dei nomi che incapsula tutte le classi in Sencha Touch.

Definizione di una classe in Sencha Touch

Ext fornisce più di 300 classi, che possiamo usare per varie funzionalità.

Ext.define () viene utilizzato per definire le classi in Sencha Touch.

Sintassi

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

Class nameè il nome della classe in base alla struttura dell'app. Ad esempio, appName.folderName.ClassName studentApp.view.StudentView.

Class properties/members definisce il comportamento della classe.

Callback functionè opzionale. Viene chiamato quando la classe è stata caricata correttamente.

Esempio di definizione della classe Sencha Touch

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

Creazione di oggetti

Come altri linguaggi basati su OOPS, possiamo creare oggetti anche in Sencha Touch.

Modo per creare oggetti in Sencha Touch utilizzando una nuova parola chiave -

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

L'output della console sarà che StudentName sta leggendo la cronologia.