ExtJs6.0 之Ajax异步提交

代码演示

• 新建提交按钮
  js页面代码

Ext.onReady(function(){
    sub_but = Ext.create('Ext.button.Button', {
        renderTo:'submit_button',
        text:'提交',
        height: 30,
        width: 100,
        handler:function(){
            submitForm();
        }
    });
});

jsp页面代码

<div align="center">
    <div id="submit_button"></div>
</div>

• 点击后提交的代码

function submitForm(){
    var addUrl = basePath+'/procedureLeaf/procedure-leaf!save';
    if (addForm.isValid()) {
        sub_but.text='正在提交。。。';
        sub_but.disabled=true;
        Ext.Ajax.request({
            url : addUrl,
            form : 'addForm',
            timeout: 1200000,//超时时间设置120秒
            method : 'POST',
            params:{
                attrId:attrId
            },
            success : function(response) {
                flag = Ext.decode(response.responseText);
                //flag = response.responseText;
                if (flag == "success") {
                    Ext.MessageBox.alert("消息提示", "添加成功", function() {
                        parent.Ext.getCmp("procedure_add").close();

                    });
                } else {
                    Ext.MessageBox.alert("消息提示", "添加失败，请联系管理员");
                }
            },
            failure : function() {
                Ext.MessageBox.alert("消息提示", "添加失败，请联系管理员", function() {

                });
            }
        });
        sub_but.text='提交';
        sub_but.disabled=false;
    }
}