ExtJs6獲取form里的數據

1.PanoramForm.js form的items部分

items: [{
    xtype: 'form',
 id:'customerF',
 modelValidation: true,
 defaults: {
 labelAlign: 'left',
 margin: 10,
 msgTarget: 'side'
 },
 items: [{
 xtype: 'textfield',
 name: 'panoramaId',
 allowBlank:false,
 fieldLabel: '設室度主鍵',
 bind: {
 value: '{thePanoram.id}'
 },
 editable: false
 }],
 buttons: [{
 text: '確定',
 handler: 'editPanoram'
 }, {
 text: '取消',
 handler: 'closePanoramWindow'
 }]
}]

 

2.PanoramFormController  editPanoram方法

window = me.getView(),//返回本視圖模型
form = window.down('form');//與xype='form'遙相呼應

var formValues = form.getValues();//此處可以獲取form對象的所有值

formValues['panoramaId'] //和items里的name相對應

也可以給items里的元素一個id，再用Ext.getCmp('idName')取得值，id要全局唯一。
數據源的獲取不可設置id(從數據庫查詢出的數據)！

editPanoram: function () {
        var me = this,
            window = me.getView(),
            form = window.down('form');
        if (!form.isValid()) {
            return false;
        }
        var formValues = form.getValues();
        Common.util.Util.doAjax({
            url: Common.Config.requestPath('UserPanoram', 'bringIntoMyStudio'),
            params: {
                panoramaId: formValues['panoramaId']
            },
            method: 'post',
            callback: function() {
                window.store.loadPage(1);
            }
        }, function () {
            Common.util.Util.toast("納入工作室成功");
            me.closePanoramWindow();
        });
    },