一起获取 labelField 文本和表单字段值答案

【问题标题】：Get labelField text and form field values together一起获取 labelField 文本和表单字段值
【发布时间】：2016-10-12 12:49:13
【问题描述】：

我打算用labelField的文本和textfield的值构建一个文本

在我的小提琴示例中，fieldLabel 的文本是动态创建的。

我想要实现的是用fielLabel的文本和textfield的值生成一个文本。

https://fiddle.sencha.com/#fiddle/1icj

小提琴显示 “Homer, Simpson”

我想要实现的目标：“Name Homer, Last Name Simpson”

在我看来，没有任何方法可以给出 fieldLabel 的值。

如何做到这一点？

有可能以某种方式使用绑定吗？

如果我使用自定义属性，是否可以获取它的值？

【问题讨论】：

标签： javascript forms extjs extjs5

【解决方案1】：

buttons: [{
        text: 'GetValues',
        handler: function() {
            var formValues = this.up('form').getForm().getValues();
            console.log(formValues);

            var finalValues = [];
            var needsLineBreak = false;

            if (formValues != null) {
                var form=this.up('form'),
                    index=0;
                Ext.iterate(formValues,function(key,val){
                    finalValues += form.getComponent(index).getFieldLabel()+':';
                    finalValues += val + ',';
                    index++;
                });   
              finalValues=finalValues.slice(finalValues.lenght,-1);
            }
             console.log(finalValues);
        }
    }],

【讨论】：

谢谢乔治先生。效果很好。我用你的解决方案编辑了我的小提琴。

【解决方案2】：

你可以使用getter/setter来实现这个功能

items: [{
    fieldLabel: labelName,
    name: 'first',
    get value(){
        return this.fieldLabel +' Homer';
    },
    allowBlank: false,

    myCustomProp: labelName

},{
    fieldLabel: labelLastName,
    name: 'last',
    get value(){
        return this.fieldLabel +' Simpson';
    },
    allowBlank: false
}],

【讨论】：

如果表单为getValues，为什么要添加其他功能？为什么这个语法？为什么值应该保存在自定义属性之类的对象中？
感谢 nathanel 的帮助。