Невозможно добавить элементы к пользовательскому компоненту в extjs

Question

Я расширяю компонент Container extjs и создавая настраиваемый компонент, но когда я добавляю элемент с помощью функции add, он дает ошибку, что функция добавления не существует для моего пользовательского компонента компонент. Как это может случиться, так как функция добавления доступна для Контейнера, и мой компонент расширяет это. Вот код

var row = Ext.define('TableRow',{ 
     extend: 'Ext.container.Container', 
     layout: { 
      type: 'table', 
      columns: 10 
     } 
    }); 

    row.add(); // This line is giving error saying add function is not available for row 

Answer 1

Ext.define() предназначен для определения класса. Как только класс будет определен, он может быть создан путем вызова Ext.create ('TableRow');

Ext.define('TableRow',{ 
     extend: 'Ext.container.Container', 
     layout: { 
      type: 'table', 
      columns: 10 
     } 
    }); 

var row = Ext.create('TableRow'); 

row.add();