javascript - ExtJs - 如何从 childEls 中获取元素

Question

我正在使用下面的代码片段将一些 HTML 元素添加到 FormPanel 的顶部：

{
    xtype: 'component',
    itemId: 'form-top',
    cls: 'form-top-items',
    renderTpl: [
        '<div id="{id}-formHelp" class="form-help">',
            '<span class="form-help-text">{helpText}</span>',
        '</div>'
    ],
    renderData: {
        helpText: __("Os campos com * são de preenchimento obrigatório.")
    },
    childEls: [
        {name: 'formHelp', itemId: 'form-help'}
    ]
}

但是一旦组件被渲染，我就无法获取任何子项。

我期待一种以formHelp某种方式访问​​该项目的方法，但无论如何都无法在form-top组件下方找到它。

Answer 1

必须与您孩子 el 的 id 后面的itemId部分匹配{id}-。

你有两个选择：

• 改变你itemId的'formHelp'

或者

• 将您的 div 更改为<div id="{id}-form-help" class="form-help">