ExtJs6获取form里的数据

Posted 2020-09-30 多读书，少说话

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();
        });
    },