Sencha跨域提交表单

/**
 * @author Changweihua
 */
Ext.application({
    name:'Chapter5',
    launch:function(){
                      
       var formPanel = Ext.create('Ext.form.Panel', {
           id:'formPanel',
           scrollable:'vertical',
           defaults:{
               labelWidth:'20%'
           },
           items:[{
               xtype:'fieldset',
               title:'电影信息',
               defaults:{
                   xtype:'textfield'
               },
               instructions:'电影的详细信息',
               items:[{
                   label:'标题',
                   required:true,
                   clearIcon:true,
                   placeHolder:'请输入电影标题'
               },{
                   label:'导演',
                   clearIcon:true,
                   placeHolder:'请输入导演姓名'
               },{
                   xtype:'checkboxfield',
                   label:'彩色',
                   checked:true
               },{
                   xtype:'selectfield',
                   label:'种类',
                   options:[{
                       text:'喜剧',
                       value:'1'
                   },{
                       text:'动作',
                       value:'2'
                   },{
                       text:'爱情',
                       value:'3'
                   }]
               },{
                   xtype:'datepickerfield',
                   picker:{
                       yearFrom:2011,
                       yearTo:2013
                   },
                   value:new Date(),
                   label:'发行日期',
                   dateFormat:'Y/m/d'
               },{
                   xtype:'fieldset',
                   title:'拍摄国家',
                   defaults:{
                        xtype:'checkboxfield'
                   },
                   items:[{
                        label:'中国',
                        checked:true
                   },{
                        label:'美国'
                   },{
                        label:'韩国'
                   }]
               }]
           },{
               xtype:"panel",
               layout:{
                   type:'hbox',
                   pack:'end'
               },
               defaults:{
                   xtype:'button'
               },
               items:[{
                   text:'提交',
                   ui:'decline',
                   iconCls:'Tux',
                   iconAlign:'right',
                   handler:function(){
                       Ext.data.JsonP.request({
                           url:'http://127.0.0.1/sencha.php?callback=callback',
                           params:{},
                           callback:function(){},
                           success:function(form, result){
                               console.log(result);
                               Ext.Msg.alert('提交成功', result.msg);
                           },
                           failure:function(form, result, opts){
                               console.log(result);
                               Ext.Msg.alert('提交失败' + result.msg);
                           },
                       });
                       return ;
                       formPanel.submit({
                           url:'http://127.0.0.1/sencha.php?callback=ookk',
                           success:function(form, result){
                               Ext.Msg.alert('提交成功');
                           },
                           failure:function(form, result, opts){
                               console.log(result);
                               Ext.Msg.alert('提交失败' + result);
                           },
                           waitMsg:{message:'正在提交......'}
                       });
                   }
               },{
                   text:'重置',
                   ui:'action',
                   iconCls:'Cmy',
                   iconAlign:'right',
                   handler:function(){
                       formPanel.reset();
                   }
               }]
           }],
           baseParams:{
               //自动使用urlEncode方法编码成url字符串格式的参数
           },
           listeners:{
               // submit:function(form, result){
                   // Ext.Msg.alert('提交成功');
               // },
               // exception:function(form, result){
                   // Ext.Msg.alert('提交失败');
               // }
           }
       });
                      
       Ext.Viewport.add(formPanel);
                      
    }
});

点击查看原图

知识共享许可协议
《Sencha跨域提交表单》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
相邻依据:发表时间
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

0 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     171.58ms