zoukankan      html  css  js  c++  java
  • js列表上实现向后台传输多个值

    思路分析
    要用单独的一个复选框选中后直接向后台传数据显然不合理(因为我的前台是一个foreach遍历开的一个列表,一次传输只能传递一个值),所以需要增加一个用于控制的按钮或者检测控制的按钮用来检测列表内的复选框哪些被选中

    代码

        $("#exportTreeGrid").click(function(){
    			alert('123');
    			var id_array = new Array();
    			$("input[id='checkId']:checked").each(function(){
    				id_array.push($(this).val());
    			});
    			//alert(id_array);
    			if(id_array.length == 0){
    				alert('请您选择要导出的复选框');
    				return ;
    			}else{
    				 top.$.jBox.confirm("确认要导出已经确认的数据吗?","系统提示",function(v,h,f){
     					if(v=="ok"){
    						location.href="${ctx}/fdzapp/combineList/batchExport?combineCodes="+id_array;
     					}
    	 				},{buttonsFocus:1});
    	 				top.$('.jbox-body .jbox-icon').css('top','55px');
    			}
    		});
    
    
    
        $("#checkAll").click(function(){
    
    			if(this.checked){
    		        $("input[id='checkId']").attr("checked","checked");
    		         var arrs=new Array();
    		            $("input[id='checkId']:checked").each(function(){ 
    		                if($(this).attr("checked")){
    		                    arrs.push($(this).val());
    		                }
    		            });
    					
    		            if(arrs.length==0 ){
    		                alert('请选择数据!');
    		                return ;
    		            }
    		            var combineCodes = arrs;
    		            //var combineCodes = arrs.join(",");
    		            //alert(combineCodes);
    						debugger;
    		            top.$.jBox.confirm("确认要导出数据吗?","系统提示",function(v,h,f){
    	 					if(v=="ok"){
    							location.href="${ctx}/fdzapp/combineList/batchExport?combineCodes="+combineCodes;
    	 					}
    	 				},{buttonsFocus:1});
    	 				top.$('.jbox-body .jbox-icon').css('top','55px');
    		       // alert(ids);
    		     }else{
    		        $("input[id='checkId']").attr("checked",null);
    		        
    		     }
    		});
    		 
    前台向后台传入的是字符串,后台取到后分隔就行了
        
        @RequiresPermissions("fdzapp:combineList:edit")
    @RequestMapping(value = {"batchExport"})
    public void batchExport(@RequestParam String combineCodes,HttpServletRequest request, HttpServletResponse response, RedirectAttributes redirectAttributes){
    System.err.println(combineCodes);
    try {
    	 String fileName = "合件明细数据"+DateUtils.getDate("yyyyMMddHHmmss")+".xlsx";
    		if(StringUtils.isNotBlank(combineCodes)){
    		    String[] staffIds = combineCodes.split(",");
    		   List<CombineList> lists =  new ArrayList<CombineList>();
    			 for (String combineCode1 : staffIds) {
    				 String  combineCode = combineCode1.substring(0, combineCode1.length());
    				 System.err.println(combineCode);
    				 CombineList combineList =  new CombineList();
    				 combineList.setCombineCode(combineCode);
    				 combineList.setListStatus("4");
    				// System.err.println(combineList.getCombineCode()+"输出看看");
    				 List<CombineList> list = combineListService.find4CwBatchExport(combineList);
    				 System.err.println(list.get(0).getComponentCode()+"12345678");
    				 lists.addAll(list);
    			 }
    			if(lists.size() == 0) {//没取到值
    	        	addMessage(redirectAttributes, "批量操作失败了!!!!");
    	        	//return "redirect:" + Global.getAdminPath() + "/fdzapp/combineList/";
    	        }else {
    	        	new ExportExcel("合件明细数据", CombineList.class).setDataList(lists).write(response, fileName).dispose();
    				//return null;
    	        }
    		}
    } catch (Exception e) {
    	addMessage(redirectAttributes, "数据导出失败!失败信息:"+e.getMessage());
    }
      // return "modules/fdzapp/combineCostList_Cw";
    }
    

    本人菜鸟,贴出来是为了方便自己以后使用,如有不对的多多指教啊。。

  • 相关阅读:
    单片机编程时易错总结 20181015 项目:3060-A
    UCOS 多任务系统中需要注意的地方 一个任务至少要有一些执行内容
    LDO-AMS1117
    DCDC与LDO
    电容器的ESR
    Class AB与Class D功放
    驻极体麦克风
    音频处理的技术指标
    I2S接口工作原理
    有关功放输入端的探究
  • 原文地址:https://www.cnblogs.com/hbym/p/11059204.html
Copyright © 2011-2022 走看看