获取标签文本extjs

时间:2016-10-31 13:32:04

标签: javascript extjs label

有没有人帮助我如何获取标签文字?如果我使用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' }] }); 它没有跑了。如果你有一个想法,我需要帮助。感谢

    unset($params['product_matrix']);

    $product_matrix = $this->getRequest()->getParam('product_matrix');

    if (count(array_filter($product_matrix['qty'])) == 0) {
        if(count($params['super_attribute']) != 0 && count($params['super_attribute']) == count(array_filter($params['super_attribute']))) {
            $product_matrix = array();
            $product_matrix['qty'] = array( $params['product'] => $params['qty']);
            $product_matrix[$params['product']] = $params;
        } else {

5 个答案:

答案 0 :(得分:0)

您需要获取该组件。

console.log(label.component.text);

答案 1 :(得分:0)

您可以尝试:

App.label.getValue()

答案 2 :(得分:0)

您可以在点击侦听器功能中使用以下内容:

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

这会将标签作为Ext Js组件,然后您可以使用.setText()更改文本并使用.text检索它。

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

答案 3 :(得分:0)

你可以试试这三种方式。首先直接访问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")/>

答案 4 :(得分:0)

您可以尝试:

this.findById('lblId');

在AEM中,我们可以通过

获取extjs标签小部件。
 dialog.findById("lblId");