Ext的3种提交方法

1.form提交:
   if (newFs.form.isValid()) {
       newFs.form.doAction('submit', {
          url : 'agentServ!save.action',
         waitMsg : '保存中...',
        method : 'post',
         params : '',
         success : function(form, action) {
         Ext.Msg.alert('操作', action.result.actionInfo);
           newFs.getForm().reset();
         store.reload();
       },
       failure : function(form, action) {
       Ext.Msg.alert('保存失败!', '原因:'
           + action.result.actionInfo);
       store.reload();
       }
     });
   }
newFs.form.isValid()用来对form进行校验通过返回true,未通过返回false,例如form有非空属性的控件,如此空间不填写值就不能通过校验。
waitMsg:提交时等待条的信息,不写此属性则不会有等待。
params:提交的参数,可以写成'id=’id或{id:id}
success:提交后用一个名为success布尔类型变量并将其Json化后,如此值为true则执行success中的函数。否则执行failure的函数。
action.result:用于取得提交后后台返回的Json化的变量
2.Ajax提交:
Ext.Ajax.request({
                             url: 'subBusitype!disableBulk.action',
                             method:'post',
                             failure:function(response,opt){alert(response.responseText)},
                             success: function(response, options) {
                                 var responseArray = Ext.util.JSON.decode(response.responseText);                                            
                                                                
                                         if(responseArray.success==true){    
                                             store.load();                                 
                                             Ext.Msg.alert('信息','废除信息成功'); 
                                         }
                                       else if(responseArray.success=='false'){
                                             Ext.Msg.alert('失败',response.responseText); 
                                            
                                         }
                                    
                                 },
                             params:{ids:ids}
                         })
Ext.util.JSON.decode(response.responseText):用于取得提交后后台返回的Json化的变量
以上两种方法都为异步提交。
3.同步提交:
var conn =  Ext.lib.Ajax.getConnectionObject().conn;
     conn.open("post", url);
     conn.send(null);
     var responseArray = Ext.util.JSON.decode(conn.responseText);
     var c_combo_code = responseArray.combo_code;
Ext.lib.Ajax.getConnectionObject().conn:获取连接
Ext.util.JSON.decode(conn.responseText):用于取得提交后后台返回的Json化的变量

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Ext.js 3是一个JavaScript框架,用于构建Web应用程序。在Ext.js 3中,要实现多选下拉(MultiSelect Combobox),可以使用Ext.ux.form.MultiSelect组件来实现。 首先,我们需要引入相应的Ext.js文件和MultiSelect组件的文件。 ```javascript <script type="text/javascript" src="extjs/ext-all.js"></script> <script type="text/javascript" src="ext-ux/src/widgets/form/MultiSelect.js"></script> ``` 接下来,我们可以创建一个下拉框,并将其转换为多选下拉框。 ```javascript new Ext.form.MultiSelect({ fieldLabel: '多选下拉', name: 'multiselect', width: 300, height: 150, store: new Ext.data.ArrayStore({ fields: ['value', 'text'], data: [ ['1', '选项1'], ['2', '选项2'], ['3', '选项3'], ['4', '选项4'], ['5', '选项5'] ] }), valueField: 'value', displayField: 'text', mode: 'local', emptyText: '请选择', selectOnFocus: true, delimiter: ',' }); ``` 在上面的代码中,我们创建了一个MultiSelect组件,并将其放置在一个表单中。该组件的name属性用于表单提交时的字段名,width和height属性用于设置组件的宽度和高度。store属性为组件提供数据源,该数据源可以是一个数组或者一个Ext.data.Store对象。valueField属性用于指定值字段,displayField属性用于指定显示的字段。mode属性设置为'local',表示数据源来自本地数据。emptyText属性用于设置默认的空文本,selectOnFocus属性设置为true,在组件获得焦点时自动选中已选择的值。delimiter属性用于设置值之间的分隔符。 以上就是使用Ext.js 3实现多选下拉的简单示例,通过这个示例,我们可以根据实际需求进行灵活的配置和扩展。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值