Sencha Touch - Sistema de clases

Sencha Touch es un marco de JavaScript, que tiene funcionalidades de programación orientada a objetos. El sistema de clases Sencha Touch se basa en los estándares Ext JS 4. Ext es el espacio de nombres que encapsula todas las clases en Sencha Touch.

Definición de una clase en Sencha Touch

Ext proporciona más de 300 clases, que podemos utilizar para diversas funcionalidades.

Ext.define () se usa para definir clases en Sencha Touch.

Sintaxis

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

Class namees el nombre de la clase según la estructura de la aplicación. Por ejemplo, appName.folderName.ClassName studentApp.view.StudentView.

Class properties/members define el comportamiento de la clase.

Callback functiones opcional. Se llama cuando la clase se ha cargado correctamente.

Ejemplo de definición de clase Sencha Touch

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

Creando Objetos

Como otros lenguajes basados ​​en OOPS, también podemos crear objetos en Sencha Touch.

Manera de crear objetos en Sencha Touch usando una nueva palabra clave -

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

La salida de la consola será StudentName está leyendo el historial.