0

我正在使用 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 元素本身的引用，以便获得它的宽度。

任何想法我该怎么做？

谢谢。

4

1 回答 1

1

如果我没错的话

c.element

应该让您参考被包装的元素。

于 2012-10-21T06:48:43.233 回答