Eazsyui 页面动态添加列

最新推荐文章于 2022-07-01 17:27:13 发布

信计2012

最新推荐文章于 2022-07-01 17:27:13 发布

阅读量448

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui 文章标签： easyui

本文链接：https://blog.youkuaiyun.com/YJ108283/article/details/80324961

easyui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用EasyUI框架中的数据网格(dataGrid)进行数据选择和操作的方法。具体包括如何从数据网格中获取选定的多条记录，并将这些记录添加到另一个数据网格中，同时检查重复项和数量限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图

var proArray = new Array();

function (){
			var row = $('#dataGrid').datagrid('getChecked');//center部分
			if(!!!row.length){
				$.messager.alert('提示','请选择一条以上数据','info');
				return ;
			}else{
				var ids=[];
				for(var i=0;i<row.length;i++){
					ids.push(row[i].id);
				}
				$.messager.confirm("系统提示","您确定要添加这些记录吗？",function(r){
					$('#cc').layout('expand','east');
					if(proArray.length+row.length>10){
						$.messager.alert('提示','超过可选人数，最多10人','info');
					}else{
					if(r){
						for(var i in row){ 
							//alert(row[i].id)
							if(proArray.length==0){
								var a = { 
						        		id:row[i]['id'], 
						        		cardNumber:row[i]['cardNumber'], 
						        		fullname:row[i]['fullname'] //（从（datagrid）你要获取的数据）

						        }; 
						        proArray.push(a);
							}else{
								var count=0;
							 for(var y in proArray){
								//alert(proArray[y].id)
					    		if(row[i].id==proArray[y].id){
							        count=count+1;
					    	}
							 }
								if(count==0){
									var a = { 
							        		id:row[i]['id'], 
							        		cardNumber:row[i]['cardNumber'], 
							        		fullname:row[i]['fullname'] 
							        }; 
							        proArray.push(a);
								}
								
					    
						}
				        //alert(JSON.stringify(a));
				    } 
				     
				    $("#dataGrid1").datagrid({ //east部分
				        columns:[[ 
				                {     
				                	field:'id',
				            	    checkbox:'true',
				            	  	width:'50',
				            		align:'center'
				            	}, 
					            { 
				            		field:'cardNumber',
					                title:'工号',
					                width:'50',
					            	align:'center',
					            },
				                { 
					            	field:'fullname',
					                title:'姓名',
					                width:'70',
					            	align:'center'
					            }
				                
				        ]] 
				    }).datagrid('loadData',proArray).datagrid('acceptChanges'); }
					$('#dataGrid').datagrid('clearSelections');   
					}
					});
			}
		
		},