首页 / EXTJS / Extjs选中多行Grid提交

Extjs选中多行Grid提交

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Extjs选中多行Grid提交，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1475字，纯文字阅读大概需要3分钟。

内容图文

技术分享

要实现的效果如图：可以选择多行grid然后提交给后台

1，Extjs中grid如何可以选择多行？

定义一个grid，将色了Type设置为多选即可

selType: ‘checkboxmodel‘, 

2，controller层代码： 

            
                 1 StdEvaluationToPaper:function(btn,event){
 2var grid=Ext.getCmp(‘StudentEvaluationGrid‘);
 3var form=Ext.getCmp(‘StudentEvaluationForm‘);
 4var records=grid.getSelectionModel().getSelection(); 
 5var title = form.getForm().getValues()[‘title‘];
 6var totalNum = form.getForm().getValues()[‘totalNum‘];        
 7 8if(isEmpty(title)){
 9             Ext.MessageBox.alert(‘提示‘,‘请填写试卷名称‘);
10return;//结束
11        }
12if(isEmpty(totalNum)){
13             Ext.MessageBox.alert(‘提示‘,‘请输入试题量‘);
14return;
15        } 
16if(records.length==0)
17        {
18             Ext.MessageBox.alert(‘提示‘,‘至少选择一个课程组‘);
19return;
20        }
21var params=‘‘;
22for(var i=0;i<records.length;i++){
23var modularCode=records[i].get(‘modularCode‘);
24             console.log(‘modularCode=‘+modularCode);
25var param=‘modularCode=‘+modularCode+‘&‘;                 
26             params+=param;
27        }
28         params+=‘title=‘+title+‘&‘;
29         params+=‘totalNum=‘+totalNum+‘&‘;
30         params=params.substring(0,params.length-1);//截取  
31        Ext.Ajax.request({                 
32             url: ‘testCenter.action?‘+params,
33            actionMethods:{
34             read:‘GET‘
35            },
36             callback:function(options,success,response){
37if(success){                                            
38                     document.location.href=‘testCenter.action?‘+params;
39                }
40            }                    
41        })                
42     },

 

3，如何判断输入空值？ 

            
                1
                function
                 isEmpty(value){

                2
                if(value==null || value == "" || value.trim() == ""){//trim()裁剪字符串两旁的空白符，保留中间空白符
3returntrue;
4    }
5returnfalse;
6 };

 

原文：http://www.cnblogs.com/shipskunkun/p/4551250.html

内容总结

以上是互联网集市为您收集整理的Extjs选中多行Grid提交全部内容，希望文章能够帮你解决Extjs选中多行Grid提交所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1233420.html

来源：【匿名】