extjs - 如何更改 extJS 面板内 extJS 文本字段组件的值？

Question

我带着这么简单的问题来到这里，但找不到它......无论如何，你可以在下面看到代码。这是里面有项目的面板。我想要的是更改名称为“intIP”的文本字段的值，它位于面板内部，位于面板内部。我怎样才能做到这一点？我找到了有关表单的信息(.getForm 方法，但面板没有这样的信息)

提前致谢

http://jobtask.h19.ru/ - 面板

var resultsPanel = Ext.create('Ext.panel.Panel', {
    title: title,
    renderTo: document.body,
    layout: {
        type: 'vbox',
        align: 'stretch',
    },
    items: [{
        title: 'Details',
        name: 'detPanel',
        items: [{
            name: 'intIP',
            fieldLabel: 'internal IP',
            xtype: 'textfield',
            readOnly: true
        }],
    }]
});

Answer 1

在 ExtJS 4 中，您应该能够使用 Ext.Container.query() 方法，当传递一个正确的选择器时，该方法将返回与选择器匹配的子组件数组。

resultsPanel.query('textfield[name="intIP"]')[0].setValue('New value')

关于如何创建选择器的细节在这里:http://localhost/ext-4.0.2/docs/index.html#/api/Ext.ComponentQuery

---

在 ExtJS3 中:每个 Ext.Container 都有一个 find() 方法，它可以被命名为属性名称 (name,xtype,itemId 等)和一个值('intP', 'textfield', 'fieldId' )。它将返回一个 chlderen 组件数组(在任何嵌套级别)，其中属性具有指定的值。如果在您的容器中只有一个字段具有名称 'intP' 那么您可以使用:

resultsPanel.find('name','intP')[0].setValue('New value')

---

在 ExtJS3 和 ExtJS4 中，如果您有更多同名子组件，使用额外的唯一属性(如 itemId)应该会有所帮助。