Question

我正在使用Sencha Touch 2.0.1。我试图获取Container中某些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

应该为您提供对包装元素的引用。

引用Sencha Touch Container中的HTML对象

1 个答案: