Ссылка на объекты HTML внутри контейнера Touch Sencha

Question

Я использую Sencha Touch 2.0.1. Я пытаюсь получить ссылку на некоторый HTML в контейнере. (Моя цель - прочитать ширину объекта и при необходимости уменьшить размер шрифта, чтобы он хорошо сочетался).

Вот мой код:

Ext.define("SFCT.view.Flashcard", { 
    extend: 'Ext.Container', 

    xtype: 'flashcardpanel', 


    requires: [ 
     'Ext.TitleBar' 
    ], 

    config: { 
     itemId: 'mainScreen', 
     title: 'Flashcards', 

     layout: 'fit', 

     items: [ 
      { 
       xtype: 'container', 
       layout: { 
        type: 'vbox', 
        pack: 'center' 
       }, 
       items: [ 
        { 
         xtype: 'container', 
         itemId: 'wordContainer' 
        } 
       ], 
       style: 'text-align: center' 
      }, 
      { 
       xtype: 'button', 
       docked: 'right', 
       text: 'Next', 
       action: 'next' 
      } 
     ] 
    }, 

    updateWord: function(newWord) { 
     var s = '<div style="font-size: 72px">' + newWord+ '</div>'; 
     var c = Ext.ComponentQuery.query('#wordContainer')[0]; 
     console.log(c.getHtml()); 
     c.setHtml(s); 
    } 
}); 

Если я использую Ext.Container.getHtml(), как показано выше, он возвращает HTML в виде строки. Но я ищу ссылку на сам элемент div, чтобы получить его ширину.

Любые идеи, как я могу это сделать?

Спасибо.

Answer 1

Если я не ошибаюсь,

c.element 

вы должны получить ссылку на обернутом элемент.