zoukankan      html  css  js  c++  java
  • Extjs选中多行Grid提交

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

    1,Extjs中grid如何可以选择多行?

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

    selType: 'checkboxmodel', 

    2,controller层代码:

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

    第二种方法:使用数组提交:

    1 var modularCode = Array();        
    2 for(var i=0;i<records.length;i++){            
    3    modularCode.push(records[i].get('modularCode'));            
    4 }
    5 var params='modularCode='+modularCode+'&';                  
    6 params+='title='+title+'&';
    7 params+='totalNum='+totalNum+'&';
    8 params=params.substring(0,params.length-1);       

    Extjs中数组的使用: 

    var modularCode = Array();        
    for(var i=0;i<records.length;i++){            
       modularCode.push(records[i].get('modularCode'));            
    }

    3,如何判断输入空值?

    1 function isEmpty(value){
    2     if(value==null || value == "" || value.trim() == ""){//trim()裁剪字符串两旁的空白符,保留中间空白符
    3         return true;
    4     }
    5     return false;
    6 };
  • 相关阅读:
    Java JDK和IntelliJ IDEA 配置及安装
    来吧学学.Net Core之登录认证与跨域资源使用
    来吧学学.Net Core之项目文件简介及配置文件与IOC的使用
    【转载】任正非:我的父亲母亲
    HTTP协议中的短轮询、长轮询、长连接和短连接
    跨域资源共享CORS详解
    C#各个版本中的新增特性详解
    仓央嘉措不负如来不负卿
    Redis Sentinel实现的机制与原理详解
    Redis的发布订阅及.NET客户端实现
  • 原文地址:https://www.cnblogs.com/shipskunkun/p/4551250.html
Copyright © 2011-2022 走看看