获取标签文本extjs答案

【问题标题】：Get label text extjs获取标签文本extjs
【发布时间】：2018-08-21 16:02:57
【问题描述】：

有人帮助我如何获取标签文本吗？，如果我使用setText()，它会运行，但是当我想获取它时，我尝试使用getText()，getLabel() 它不运行。因此，如果您有想法，我需要帮助。谢谢

var lbl = {
    xtype: 'label',
    id: 'lblId',
    text: 'Hello world!'
};
new Ext.Panel({
    renderTo: Ext.getBody(),
    width: 100,
    height: 100,
    items: [lbl,
        {
            xtype: 'button',
            listeners: {
                click: function () {
                    var label = Ext.get('lblId');
                    console.log(label.getText());
                }
            },
            text: 'click here'
        }]
});

【问题讨论】：

在这里添加一些你试过的代码？
extjs的版本是多少？
试试label.getHtml()，如果你想把html代码放在那里，用html配置代替。

标签： javascript extjs label

【解决方案1】：

你需要获取组件。

console.log(label.component.text);

【讨论】：

【解决方案2】：

你可以试试：

App.label.getValue()

【讨论】：

【解决方案3】：

您可以在点击侦听器函数中使用以下内容：

            var label = Ext.getCmp('lblId');
            label.setText('the new text');
            console.log(label.text);

这将获得 label 作为 Ext Js 组件，然后您可以使用 .setText() 更改文本并使用 .text 检索它。

见小提琴：https://fiddle.sencha.com/#fiddle/1jkb

【讨论】：

【解决方案4】：

你可以试试这三种方法。首先是直接访问text，其他形式是访问标签的DOM对象。

var lbl = {
    xtype: 'label',
    id: 'lblId',
    text: 'Hello world!'
};

new Ext.Panel({
    renderTo: Ext.getBody(),
    width: 100,
    height: 100,
    items: [lbl,
        {
            xtype: 'button',
            listeners: {
                click: function () {
                    var label = Ext.getCmp('lblId');
                    console.log('Way 1: ' + label.text);
                    console.log('Way 2: ' + label.el.dom.innerHTML);    
                    console.log('Way 3: ' + label.getEl().dom.innerHTML);
                }
            },
            text: 'click here'
        }]
});

<script src="http://cdn.sencha.com/ext/gpl/4.2.0/ext-all.js"></script>
<link type="text/css" rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/resources/css/ext-all.css")/>

【讨论】：

【解决方案5】：

你可以试试：

this.findById('lblId');

在 AEM 中，我们可以通过

获取 extjs 标签小部件

 dialog.findById("lblId");

【讨论】：