easyui-layout与easyui-datagrid完整页面代码

最新推荐文章于 2022-08-12 14:39:38 发布
最新推荐文章于 2022-08-12 14:39:38 发布
阅读量1.8k 收藏
点赞数
分类专栏： easyui html 文章标签： easyui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wei_lanSe/article/details/53008498
版权 
<script type="text/javascript"	src="${pageContext.request.contextPath }/static/js/jquery-1.8.3.js"></script>
<!-- 导入easyui类库 -->
<link rel="stylesheet" type="text/css" 	href="${pageContext.request.contextPath }/static/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath }/static/js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath }/static/js/easyui/ext/portal.css">
<link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath }/static/css/default.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui/ext/jquery.portal.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui/ext/jquery.cookie.js"></script>
<script src="${pageContext.request.contextPath }/static/js/easyui/locale/easyui-lang-zh_CN.js"	type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/datajs/WdatePicker.js"></script>
<script type="text/javascript">

	var columns = [ [
			{
				field : 'operation',
				title : 'operation',
				width : 68,
				align : 'center',
				formatter : function(data, row, index) {
					var opHtml = "<a href=\"javascript:void(0);\" οnclick=\"edit('"
							+ row.id
							+ "',"
							+ index
							+ ")\" class=\"easyui-linkbutton\"  plain=\"true\" style=\"text-decoration:none;font-size:12px;height:100%;width:50%\"><b>U</b></a>"
							+ "    <a href=\"javascript:void(0);\" οnclick=\"deleteIndexFrequency('"
							+ row.id
							+ "',"
							+ index
							+ ")\" class=\"easyui-linkbutton deleteNewsNotic\" plain=\"true\"  style=\"text-decoration:none;font-size:13px;height:100%;width:50%\"><b>D</b></a>";
					return opHtml;
				}
			}, {
				field : 'id',
				title : 'ID',
				width : 250,
				align : 'left',
			},{
				field : 'plan_is_prepared',
				title : '计划是否已准备',
				width : 99,
				align : 'center',
				formatter : function(data, row, index) {
					if (data == '1') {
						return "已准备";
					} else {
						return "未准备";
					}
				}
			} ] ];
	$(function() {
		// 先将body隐藏，再显示，不会出现页面刷新效果
		$("body").css({visibility:"visible"});
		
		$('#grid').datagrid({
			fit : true,
			border : false,
			rownumbers : true,//显示行号
			animate : true, //动画效果
			singleSelect : true,//只能单选
			striped : true,
			pageList : [ 10, 20, 50 ],//每页大小
			pagination : true, //启用分页
			url : "${pageContext.request.contextPath}...", //请求地址
			columns : columns,
			loadMsg : '数据加载中...',
			frozenColumns : [ [ {  //冻结列
				field : 'id',
				title : 'ID',
				width : 250,
				align : 'left',
			} ] ],
			onDblClickRow : doDblClickRow, //双击列
			 onLoadSuccess: function (data) { //数据加载成功后执行
		            if (data.total == 0) { //没有查到数据时显示的样式
		            	$("#centerShow").css("display","none");
		            	$("#showInfo").css("display","block")
		            }
		            else { //查到数据后显示的样式
		            	$("#showInfo").css("display","none")
		            	$("#centerShow").css("display","block");
		            }
		        },
			
		});
		$("#updateWindow").window({ //初始化更新窗口大小
			width : 700,
			height : 500,
			modal : true
		});
		$("#addWindow").window({ //初始化添加窗口大小
			width : 700,
			height : 500,
			modal : true
		});
		//   点击保存 提交表单!
		$("#save").click(function() {  //更新数据点击保存后事件
			if ($("#updatePlanForm").form("validate")) {
				/*  $("#updatePlanForm").submit();
				$('#updateWindow').window("close"); */
				var data = $("#updatePlanForm").serialize();
				$.ajax({
					type : 'post',
					url : "${pageContext.request.contextPath }...",
					data : JSON.stringify(conveterParamsToJson(data)),
					dataType : 'json',
					contentType : "application/json; charset=utf-8",
					success : function(data) {
						if (data.result) {
							$("#grid").datagrid('reload');
							$.messager.alert('更新成功',data.msg,"info");
						} else {
							$.messager.alert('更新失败',data.msg,"error");
						}
					}
				});
				} else {
					return;
				}
			$('#updateWindow').window("close");
		});
		$("#saveVP").click(function() { //添加数据后点击提交后触发事件
			if ($("#addPlanForm").form("validate")) {
				var data = $("#addPlanForm").serialize();
				$.ajax({
					type : 'post',
					url : "${pageContext.request.contextPath }...",
					data : JSON.stringify(conveterParamsToJson(data)),
					dataType : 'json',
					contentType : "application/json; charset=utf-8",
					success : function(data) {
						if (data.result) {
							$("#grid").datagrid('reload');
							$.messager.alert('添加成功',data.msg,"info");
						} else {
							$.messager.alert('添加失败',data.msg,"error");
						}
					}
				});
				} else {
					return;
				}
			$('#addWindow').window("close");
		});
		//自定义扩展方法，动态调整序号列的宽度
		$("#grid").datagrid({
			onLoadSuccess : function () {
			$(this).datagrid("fixRownumber");
			}
		});
		$('.buttonStyle').hover(function(){$(this).removeClass('buttonStyle').addClass('overButtonStyle')},function(){$(this).removeClass('overButtonStyle').addClass('buttonStyle')})
	})
	function doSearch() {
		var isDel = 0;
		if ($('#yesOrNot').combobox('getText') == '已删除') {
			isDel = 1;
		}else if ($('#yesOrNot').combobox('getText') == '未删除') {
			isDel = 0;
		}else if($('#yesOrNot').combobox('getText') == 'All'){
			isDel = null;
		}
		$("#grid").datagrid("load", {
			"startTime" : $("#startDate").val(),
			"endTime" : $("#endDate").val(),
			"id" : $("input[name='Id']").val(),
			"activity_type_id" : $("input[name='activeTypeId']").val(),
			"is_deleted" : isDel
		})
	}
	function addData(){
		$('#addWindow').window("open");
		$("#addPlanForm")[0].reset();
	}
	//双击修改内容
	function doDblClickRow(rowIndex, rowData) {
		$('#updateWindow').window("open");
		$("#updatePlanForm").form("load", rowData);
	}
<span style="white-space:pre">	</span>//更新前向后台发送请求获取选中行的数据，添加到更新窗口中
	function edit(id, index) {
		var dataVo = {
			id : id
		};
		$.ajax({
					type : 'post',
					url : '${pageContext.request.contextPath}...',
					data : JSON.stringify(dataVo),
					dataType : 'json',
					contentType : "application/json; charset=utf-8",
					success : function(data) {
						if (data.flag) {
							$('#updateWindow').window("open");
							$("input[name='id']").val(data.result.id);
							$("#plan_status").numberbox('setValue', data.result.plan_status);//当核验框的class为easyui-numberbox，必需用这种方式赋值
							
							
						} else {
							$.messager.alert('提示', data.msg);
						}
					}
				});
	}
<span style="white-space:pre">	</span>//删除一条记录
	function deleteIndexFrequency(id, index) {
		jQuery.messager
				.confirm(
						'提示:',
						'你确认要删除吗?',
						function(event) {
							if (event) {
								var dataVo = {
									id : id
								};
								$
										.ajax({
											type : 'post',
											url : '${pageContext.request.contextPath}...',
											data : JSON.stringify(dataVo),
											dataType : 'json',
											contentType : "application/json; charset=utf-8",
											success : function(data) {
												if (data.payload) {
													$("#grid").datagrid('reload');
													$.messager.alert('删除成功',data.msg,"info");
												} else {
													$.messager.alert('删除失败',data.msg,"error");
												}
											}
										});
							} else {
								return;
							}
						});
	}
	//根据选择的查询条件导出相应数据
	function exportData(){
		var isDel = 0;
		if ($('#yesOrNot').combobox('getText') == '已删除') {
			isDel = 1;
		}else if ($('#yesOrNot').combobox('getText') == '未删除') {
			isDel = 0;
		}else if($('#yesOrNot').combobox('getText') == 'All'){
			isDel = 10;
		}
		
		var startTime =  $("#startDate").val();
		var endTime = $("#endDate").val();
		var id = $("input[name='Id']").val();
		var activity_type_id = $("input[name='activeTypeId']").val();
		
		
		var elemIF = document.createElement("iframe");   
		elemIF.src = "${pageContext.request.contextPath}/visit/exportVisitPlan?is_deleted="+isDel+"&startTime="+startTime+
				"&endTime="+endTime+"&id="+id+"&activity_type_id="+activity_type_id;  
		elemIF.style.display = "none";  
		document.body.appendChild(elemIF)
	}
	//自定义扩展方法，动态调整序号列的宽度
	$.extend($.fn.datagrid.methods, {  
	    fixRownumber : function (jq) {  
	        return jq.each(function () {  
	            var panel = $(this).datagrid("getPanel");  
	            var clone = $(".datagrid-cell-rownumber", panel).last().clone();  
	            clone.css({  
	                "position" : "absolute",  
	                left : -1000  
	            }).appendTo("body");  
	            var width = clone.width("auto").width();  
	            if (width > 25) {  
	                //多加5个像素,保持一点边距  
	                $(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).width(width + 5);  
	                $(this).datagrid("resize");  
	                //一些清理工作  
	                clone.remove();  
	                clone = null;  
	            } else {  
	                //还原成默认状态  
	                $(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).removeAttr("style");  
	            }  
	        });  
	    }  
	}); 
	var easyuiPanelOnMove = function(left, top) {/* 防止超出浏览器边界 */
		var parentObj = $(this).panel('panel').parent();
		if (left < 0) {
    		$(this).window('move', {
        		left : 1
    		});
		}
		if (top < 0) {
    		$(this).window('move', {
        		top : 1
    		});
		}
		var width = $(this).panel('options').width;
		var height = $(this).panel('options').height;
		var right = left + width;
		var buttom = top + height;
		var parentWidth = parentObj.width();
		var parentHeight = parentObj.height();
		if(parentObj.css("overflow")=="hidden"){
			if(left > parentWidth-width){
				$(this).window('move', {
        			"left":parentWidth-width
    		
				});
			}
			if(top > parentHeight-height){
				$(this).window('move', {
        			"top":parentHeight-height
    			});
			}
		}
	}
	$.fn.panel.defaults.onMove = easyuiPanelOnMove;
	$.fn.window.defaults.onMove = easyuiPanelOnMove;
	$.fn.dialog.defaults.onMove = easyuiPanelOnMove;
</script>
<style type="text/css">
.overButtonStyle {
padding:4px 16px;
	margin-left:30px;
	border-radius:11px;
	font-size:13px;
	cursor: pointer;
	background-color:#D9D9D9;
	color:red
}
.buttonStyle {
	padding:4px 16px;
	margin-left:30px;
	background-color:#F0F0F0;
	border-radius:11px;
	font-size:13px;
	cursor: pointer;
	color:black
}
</style>
</head>
<body class="easyui-layout" style="visibility:hidden;">
	<div style="display:none;color:red;position:absolute;top:50%;left:40%;font-size:2em" id="showInfo"><b>没有查到相关数据</b></div>
	<div data-options="region:'north'" style="padding: 6px; background: #7F99BE; border: false">
		<form id="tb" method="post">
			<b>start:</b> <input editable="false" id="startDate" class="Wdate" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')}',dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})" style="width:135px!important; height: 15px" /> 
<pre name="code" class="html">                        <b>end:</b> <input <span style="font-family: Arial, Helvetica, sans-serif;">editable="false" id="endDate" class="Wdate" type="text"  </span><span style="font-family: Arial, Helvetica, sans-serif;">onFocus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}',dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})"  </span><span style="font-family: Arial, Helvetica, sans-serif;">style="width:135px!important; height: 15px" /> </span>
   <span>ID:</span><input name="Id" class="easyui-textbox" style="width: 100px">   
<span style="white-space:pre">	</span><span>活动类型ID:</span><input name="activeTypeId" class="easyui-textbox" style="width: 100px">  
<span style="white-space:pre">	</span><span>isDel:</span> <select id="yesOrNot" class="easyui-combobox" style="width: 80px;" data-options="editable:false"><option value="all">All</option><option value="yes">已删除</option><option value="no" selected>未删除</option></select>
<span style="white-space:pre">	</span><span οnclick="doSearch()" class="buttonStyle">search</span> <span οnclick="exportData();" class="buttonStyle">导出</span> 
<span style="white-space:pre">	</span><span οnclick="addData();" style="float:right;margin-right:20px" class="buttonStyle">添加</span></form></div><div data-options="region:'center'"style="padding: 6px; background: #eee;" id="centerShow"><table id="grid"></table></div>











 

	<div class="easyui-window" title="update window" id="updateWindow" collapsible="false" minimizable="false" maximizable="true"	closed="true" style="top: 20px; left: 200px">
		<div region="north" style="height: 31px; overflow: hidden;"	split="false" border="false">
			<div class="datagrid-toolbar">
				<a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true" style="color: green; font-size: 15px"> <b>submit</b></a>
			</div>
		</div>

		<div region="center" style="overflow: auto; padding: 6px;" border="false">
			<form id="updatePlanForm" action="#">
				<table class="table-edit" width="95%" align="center">
					<tr class="title" style="font-size: 15px">
						<th colspan="2" style="font-size: 18px; height: 40px; padding-left: 25px;">拜访计划信息
							<input type="hidden" name="id" id="Id" />
						</th>
					</tr>
					<tr>
						<th style="height: 35px">计划活动日期</th>
						<th style="margin-right:32px"><input name="activity_plan_date" class="Wdate" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})" style="height: 15px" /></th>
					</tr>
					<tr>
						<th style="height: 35px">计划审核状态</th>
						<th><input type="text" name="plan_review_status" id="plan_review_status" class="easyui-numberbox" required="true" min="0" max="1" missingMessage="必须填写0或1"/></th>
						<th>计划活动类型ID</th>
						<th><input type="text" name="activity_type_id" class="easyui-validatebox" data-options="required:true,validType:'multiple[\'equals[32]\',\'RegeMatch\']'"  invalidMessage="必输32个字符或存在非法字符" οnkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/></th>
					</tr>
					
					<tr>
						<th>计划活动时长</th>
						<th><input type="text" name="activity_duration" class="easyui-numberbox" required="true" min="60" max="21600" invalidMessage="时间在10秒到21600秒"/></th>
					</tr>
					<tr>
						<th style="height: 35px">计划被拒绝原因</th>
						<th><input type="text" name="refuse_reason" class="easyui-validatebox" data-options="required:true,validType:'multiple[\'length[3,100]\',\'RegeMatch\']'" invalidMessage="字符最少3个，最多100个或存在非法字符"/></th>
					</tr>
					
				</table>
			</form>
		</div>
	</div>
	<div class="easyui-window" title="add window" id="addWindow" collapsible="false" minimizable="false" maximizable="true"	closed="true" style="top: 20px; left: 200px">
		<div region="north" style="height: 31px; overflow: hidden;" split="false" border="false">
			<div class="datagrid-toolbar">
				<a id="saveVP" icon="icon-save" href="#" class="easyui-linkbutton" plain="true" style="color: green; font-size: 15px"> <b>submit</b></a>
			</div>
		</div>

		<div region="center" style="overflow: auto; padding: 6px;" border="false">
			<form id="addPlanForm" action="#">
				<table class="table-edit" width="95%" align="center">
					<tr class="title" style="font-size: 15px">
						<th colspan="2" style="font-size: 18px; height: 40px; padding-left: 25px;">拜访计划信息
							<input type="hidden" name="id" id="Id" />
						</th>
					</tr>
					......
				</table>
			</form>
		</div>
	</div>
	<script type="text/javascript">
		$.extend($.fn.validatebox.defaults.rules,{
			multiple: {  
		        validator: function (value, vtypes) {  
		            var returnFlag = true;  
		            var opts = $.fn.validatebox.defaults;  
		            for (var i = 0; i < vtypes.length; i++) {  
		                var methodinfo = /([a-zA-Z_]+)(.*)/.exec(vtypes[i]);  
		                var rule = opts.rules[methodinfo[1]];  
		                if (value && rule) {  
		                    var parame = eval(methodinfo[2]);  
		                    if (!rule["validator"](value, parame)) {  
		                        returnFlag = false;  
		                        this.message = rule.message;  
		                        break;  
		                    }  
		                }  
		            }  
		            return returnFlag;  
		        }  
		    }  ,
			minLength:{
				validator:function(value, param){
					return value.length >=param[0];
				},
				message:'请至少输入(2)个字符.'
			},
			equals:{
				validator:function(value, param){
					return value.length == param[0];
				},
				message:'长度必须为(2)个字符.'
			},
			RegeMatch:{
				validator:function(value, param){
					 var pattern = new RegExp("[~'!@#$%^&*()-+_=:]");  
					  return !pattern.test(value);  
				},
			message:'非法字符.'
			}
		})
		
	</script>
</body>

</html>
 


                

        

        

    




    

      

        

            

              
                
                  wei_lanSe
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
easy ui datagrid项目完整源代码

				
			

			

				

					01-16
				

			

		

		

			
				
jquery easy ui datagrid完整项目源代码，非常值得学习

			
		

	



                

              
                



	

		

			

				
					
07-EasyUI_layout的引入

				
			

			

				

					吴钦飞
				

				

					11-12
					
					1617
					
				

			

		

		

			
				
0. 截图与源码下载
    源码(MyEclipse2013拷贝): EasyUI_05.zip

    


1. 将body渲染成layout


    
    
    
    
    



注意: 
    (1) 东南西北是可选, 中是必须的
    (2) 推荐每个后台页面都使用layout,避免发生界面不能自适应的问题
    
2. 属性

			
		

	



                


  
              

                


	

		

			

				
					
easyui源码翻译1.32--datagrid(数据表格)

				
			

			

				

					weixin_30522183的博客
				

				

					12-09
					
					196
					
				

			

		

		

			
				
前言
此前网上有easyui1.25的源码 应该算是比较老的版本 之后又经历了1.26、 1.3、 1.31、 1.32 、1.33、1.34 1.33开始支持css3 算是又一个转折 但是对于ie来说 1.32 个人用的比较多 赶紧更适用 源码翻译是作者利用几个夜晚时间翻译的 这个表格插件算是源码量最大的 先发布这个 之后会继续把整个easyui的插件翻译完毕：下载该插件翻译源...

			
		

	





	

		

			

				
					
jQuery EasyUI Datagrid组件fixRowHeight接口源码分析

				
			

			

				

					狼魂之力
				

				

					08-12
					
					420
					
				

			

		

		

			
				
xxxx

			
		

	



		

			
		



	

		

			

				
					
jQuery EasyUI jquery.datagrid.js源代码

				
			

			

				

					whbindg2的专栏
				

				

					09-26
					
					361
					
				

			

		

		

			
				
/**
* jQuery EasyUI 1.2.3
*
* Licensed under the GPL terms
* To use it on other terms please contact us
*
* Copyright(c) 2009-2011 stworthy [ [email protected] ]
*
*/
(function ($) {
  $.extend(Array.prototype, { indexOf: function (o) {
    f...

			
		

	





	

		

			

				
					
EasyUI布局 高度自适应

				
			

			

				

					11-22
				

			

		

		

			
				
最近在把以前写的一个项目改成用easyui做前端。过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。...这个时候就应该用 easyui-layout来分隔窗体来使具体的内容放在easyui-layout不同的部分。这样就能很好

			
		

	





	

		

			

				
					
jquery-easyui-EDT-1.5.5.7z

				
			

			

				

					05-30
				

			

		

		

			
				
jQuery EasyUI 1.5.5 版本更新内容 Bug（修复）  tabs：修复当标题包含符合元素时，所选择的历史顺序错误的问题； combo：修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题； layout：修复当鼠标...

			
		

	





	

		

			

				
					
EasyUI入门教程--第01课_EasyUI简介.avi

				
			

			

				

					04-20
				

			

		

		

			
				
datagrid冻结列讲解，datagrid右键菜单讲解，forzenColumns与fitColumns的应用) 第12课(讲解datagrid的formatter的应用，格式化时间、行样式、列样式、表头居中，内容居右等应用)(formatter的提示功能，由于录制问题...

			
		

	





	

		

			

				
					
SYPRO示例项目源码和EasyUI入门视频教程

				
			

			

				

					10-22
				

			

		

		

			
				
datagrid冻结列讲解，datagrid右键菜单讲解，forzenColumns与fitColumns的应用) 第12课(讲解datagrid的formatter的应用，格式化时间、行样式、列样式、表头居中，内容居右等应用)(formatter的提示功能，由于录制问题...

			
		

	





	

		

			

				
					
easyui资料

				
			

			

				

					02-22
				

			

		

		

			
				
这里面包含easyui的chm文档easyui-1.3.5.zip,datagrid项目案例，SSH和easyui整合的案例，easyui异步加载tree,tree和datagrid共用的例子,改好的兼容jQueryUI1.10.3的easyui,另外加一个primeui-10资料。资源分定为1分...

			
		

	





	

		

			

				
					
EasyUI DataGrid及Pagination(源码)

				
			

			

				

					11-06
				

			

		

		

			
				
介绍EasyUI的DataGrid数据表格以及Pagination分页 按照说明可直接运行代码. .

			
		

	





	

		

			

				
					
DataGrid增删改查(EasyUI)示例源码

				
			

			

				

					09-23
				

			

		

		

			
				
DataGrid增删改查(EasyUI)示例源码

			
		

	





	

		

			

				
					
简单的easyui页面

				
			

			

				

					11-19
				

			

		

		

			
				
本页面是简化后的easyui页面  十分适合做前台ui界面

			
		

	





	

		

			

				
					
EasyUI源代码

				
			

			

				

					08-19
				

			

		

		

			
				
来自google code的easyui未混淆的源代码，可以根据该源码来了解easyui的模块构建等信息。

			
		

	





	

		

			

				
					
easyUI代码生成器

				
			

			

				

					01-20
				

			

		

		

			
				
easyUI代码生成器减少你开发周期并且此生成器无需安装！连接数据库即可生成前后台页面

			
		

	





	

		

			

				
					
easyui-datagrid向后台传送其它的参数

					
热门推荐

				
			

			

				

					wei_lanSe的博客
				

				

					10-31
					
					3万+
					
				

			

		

		

			
				
一般情况下不会用到，今天遇到了，查了一些资料，下面把实现方法写下来
在easyui-datagrid在加载数据时，第一列为复选框，若没有，则用到下面代码添加

需求是在加载后，与目录关联的文件的复选框要处于选中状态，这里目录如何实现暂时不写，有空写。
页面初始化时加载数据
$(function(){
	//$("body").css({visibility:"visible"});
	/

			
		

	





	

		

			

				
					
form表单以ajax提交，并且对提交的参数进行自定义

				
			

			

				

					wei_lanSe的博客
				

				

					11-01
					
					1万+
					
				

			

		

		

			
				
我想将表单中没有值的字段填值，首先表单序列化得到一个String类型的值，每个字段以&分隔，用split方法将字符串转换成数组，代码如下
$("#saveUpdate").click(function() {
			var node = $('#tree').tree('getSelected');//我要添加的值
			var parentOne = $('#tree').tree('getP

			
		

	





	

		

			

				
					
获取easyui-datagrid中选中的数据，并遍历得到目标数据

				
			

			

				

					wei_lanSe的博客
				

				

					10-31
					
					7655
					
				

			

		

		

			
				
var docData = $('#grid').datagrid('getChecked');
	var arr = new Array();
	for(var i =0; i< docData.length;i++){
		//必须设置它为局部变量，否则会出现金条重复数据
		var map = {};
		map["id"]=docData[i].id;
		map["title"]=doc

			
		

	





	

		

			

				
					
easyui-layout  滚动条

					
最新发布

				
			

			

				

					10-21
				

			

		

		

			
				
根据提供的引用内容，没有直接涉及到easyui-layout的滚动条的问题。但是，easyui-layout本身是支持滚动条的。如果你想要easyui-layout中的某个区域出现滚动条，可以在该区域的data-options中添加属性：scrollable:...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值