Sencha Touch - Système de classe

Sencha Touch est un framework JavaScript, qui a des fonctionnalités de programmation orientée objet. Le système de classe Sencha Touch est basé sur les normes Ext JS 4. Ext est l'espace de noms qui encapsule toutes les classes de Sencha Touch.

Définition d'une classe dans Sencha Touch

Ext fournit plus de 300 classes, que nous pouvons utiliser pour diverses fonctionnalités.

Ext.define () est utilisé pour définir des classes dans Sencha Touch.

Syntaxe

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

Class nameest le nom de la classe selon la structure de l'application. Par exemple, appName.folderName.ClassName studentApp.view.StudentView.

Class properties/members définit le comportement de la classe.

Callback functionest facultatif. Il est appelé lorsque la classe s'est chargée correctement.

Exemple de définition de classe Sencha Touch

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

Création d'objets

Comme d'autres langages basés sur OOPS, nous pouvons également créer des objets dans Sencha Touch.

Façon de créer des objets dans Sencha Touch en utilisant un nouveau mot-clé -

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

La sortie de la console sera StudentName est en train de lire l'historique.