如何从ext js中的面板容器中获取文本字段值

时间:2015-01-14 10:56:13

标签: extjs

这是一个Panel,最初它的项目将为空。

var resultArray = [];
this.mainContainer = new Ext.Panel({
                border : true,
                layout : 'column',
                border : 1,
                collapsible : true,             
                title : 'Flaged Questions',
                items : [resultArray]
            });
return this.mainContainer;

以后在这个容器中我以容器的形式添加项目。容器由文本字​​段组成。现在点击按钮我想获取文本字段的值。

this.CenterContainer = new Ext.Container({
                    layout : 'floating-form',
                    flex : 1,
                    border : true,
                    bodyStyle : 'background:#F2F2F2;',
                    style : 'padding-top:7px',
                    items : [ {
                            xtype : 'textfield',
                            labelWidth : 45,
                            fieldLabel : "<span style='padding-left:2px'>" + 'Notes' + "</span>",
                            name : 'Notes',
                            readOnly : true,
                            border : 1,
                            width : 340,
                            height : 35
                        }]
                });
this.mainContainer.items.add(this.CenterContainer);

1 个答案:

答案 0 :(得分:0)

如果你给textfield一个itemId那么你应该能够像这样得到它的引用:

var field = this.mainContainer.down('#MyTextFieldItemId');

如果您想通过itemId获取多于一个文本字段,请参阅ComponentQuery上的文档

http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.ComponentQuery