ExtJs6获取form里的数据

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

 

posted @ 2017-07-27 20:19 Rest探路者 阅读( ...) 评论( ...) 编辑 收藏