Sencha Touch - Sistema de Classes

Sencha Touch é uma estrutura JavaScript, que possui funcionalidades de programação orientada a objetos. O sistema de classes Sencha Touch é baseado nos padrões Ext JS 4. Ext é o namespace que encapsula todas as classes no Sencha Touch.

Definindo uma classe no Sencha Touch

Ext fornece mais de 300 classes, que podemos usar para várias funcionalidades.

Ext.define () é usado para definir classes no Sencha Touch.

Sintaxe

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

Class nameé o nome da classe de acordo com a estrutura do aplicativo. Por exemplo, appName.folderName.ClassName studentApp.view.StudentView.

Class properties/members define o comportamento da classe.

Callback functioné opcional. É chamado quando a classe foi carregada corretamente.

Exemplo de definição de classe Sencha Touch

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

Criando Objetos

Como outras linguagens baseadas em OOPS, podemos criar objetos no Sencha Touch também.

Maneira de criar objetos no Sencha Touch usando uma nova palavra-chave -

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

A saída do console será StudentName is reading history.