`
Franciswmf
  • 浏览: 796801 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

easyui datagrid rowedit点击编辑行

 
阅读更多
 onClickRow: function (index, rowData) { 
		    	
		    	//单击事件
		    	if (editIndexDutyVal != index){
					if (endEditing_update()){
						//开始编辑状态=beginEdit
						$('#mygrid').datagrid('selectRow', index).datagrid('beginEdit', index);
						editIndexDutyVal = index;
					} else {
						$('#mygrid').datagrid('selectRow', editIndexDutyVal);
					}
			    }
		    }

function endEditing_update(){
	
	        //alert("2-editIndexDutyVal="+editIndexDutyVal);
			if (editIndexDutyVal ==undefined){
				return true;
			}
			if ($('#mygrid').datagrid('validateRow', editIndexDutyVal)){
				//上午
				var ed0 = $('#mygrid').datagrid('getEditor', {index:editIndexDutyVal,field:'morningPeopleIds'});
				var morningPeopleNames = $(ed0.target).combotree('getText');
				var morningPeopleIds = $(ed0.target).combotree('getValues');//此处不用getValue,因为multiple:true
				var arr0=morningPeopleIds.toString().split(",");
				var morningPeopleIds_Reverse="";
				if(arr0.length>2){
					 $.messager.alert('系统提示','<font size=\"2\" color=\"#666666\"><strong>上午值班同志最多可以选择2个!</strong></font>','warningSunnyIcon');
				return false;	
				}else{
					//1,2和2,1一致没有修改
					if(arr0.length==2){
						morningPeopleIds_Reverse=arr0[1]+","+arr0[0];
					}else{
						morningPeopleIds_Reverse=arr0[0];
					}
				}
				if($.trim(tempdataSource[editIndexDutyVal].morningPeopleIds)==$.trim(morningPeopleIds)
						||$.trim(tempdataSource[editIndexDutyVal].morningPeopleIds)==$.trim(morningPeopleIds_Reverse)){
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['morningPeopleNames'] = morningPeopleNames;
				}else{
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['morningPeopleNames'] = 
						"<font color=\"#0033cc\" style=\"font-style:italic;font-weight:bold;\">"+morningPeopleNames+"</font>";
				}
				//下午
				var ed1 = $('#mygrid').datagrid('getEditor', {index:editIndexDutyVal,field:'afternoonPeopleIds'});
				var afternoonPeopleNames = $(ed1.target).combotree('getText');
				var afternoonPeopleIds = $(ed1.target).combotree('getValues');
				var arr1=afternoonPeopleIds.toString().split(",");
				var afternoonPeopleIds_Reverse="";
				if(arr1.length>2){
					 $.messager.alert('系统提示','<font size=\"2\" color=\"#666666\"><strong>下午值班同志最多可以选择2个!</strong></font>','warningSunnyIcon');
				return false;	
				}else{
					//1,2和2,1一致没有修改
					if(arr1.length==2){
						afternoonPeopleIds_Reverse=arr1[1]+","+arr1[0];
					}else{
						afternoonPeopleIds_Reverse=arr1[0];
					}
				}
				if($.trim(tempdataSource[editIndexDutyVal].afternoonPeopleIds)==$.trim(afternoonPeopleIds)
					||$.trim(tempdataSource[editIndexDutyVal].afternoonPeopleIds)==$.trim(afternoonPeopleIds_Reverse)){
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['afternoonPeopleNames'] = afternoonPeopleNames;
				}else{
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['afternoonPeopleNames'] = 
						"<font color=\"#0033cc\" style=\"font-style:italic;font-weight:bold;\">"+afternoonPeopleNames+"</font>";
				}
				//晚上
				var ed2 = $('#mygrid').datagrid('getEditor', {index:editIndexDutyVal,field:'eveningPeopleIds'});
				var eveningPeopleNames = $(ed2.target).combotree('getText');
				var eveningPeopleIds = $(ed2.target).combotree('getValues');
				var arr2=eveningPeopleIds.toString().split(",");
				var eveningPeopleIds_Reverse="";
				if(arr2.length>2){
					 $.messager.alert('系统提示','<font size=\"2\" color=\"#666666\"><strong>晚上值班同志最多可以选择2个!</strong></font>','warningSunnyIcon');
				return false;	
				}else{
					//1,2和2,1一致没有修改
					if(arr2.length==2){
						eveningPeopleIds_Reverse=arr2[1]+","+arr2[0];
					}else{
						eveningPeopleIds_Reverse=arr2[0];
					}
				}
				if($.trim(tempdataSource[editIndexDutyVal].eveningPeopleIds)==$.trim(eveningPeopleIds)
						||$.trim(tempdataSource[editIndexDutyVal].eveningPeopleIds)==$.trim(eveningPeopleIds_Reverse)){
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['eveningPeopleNames'] = eveningPeopleNames;
				}else{
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['eveningPeopleNames'] = 
						"<font color=\"#0033cc\" style=\"font-style:italic;font-weight:bold;\">"+eveningPeopleNames+"</font>";
				}
				//领导
				var ed3 = $('#mygrid').datagrid('getEditor', {index:editIndexDutyVal,field:'leaderIds'});
				var leaderNames = $(ed3.target).combobox('getText');
				var leaderIds = $(ed3.target).combobox('getValues');//此处不用getValue,因为multiple:true
				var arr3=leaderIds.toString().split(",");
				var leaderIds_Reverse="";
				if(arr3.length>2){
					 $.messager.alert('系统提示','<font size=\"2\" color=\"#666666\"><strong>带班领导最多可以选择2个!</strong></font>','warningSunnyIcon');
				return false;	
				}else{
					//1,2和2,1一致没有修改
					if(arr3.length==2){
						leaderIds_Reverse=arr3[1]+","+arr3[0];
					}else{
						leaderIds_Reverse=arr3[0];
					}
				}
				if($.trim(tempdataSource[editIndexDutyVal].leaderIds)==$.trim(leaderIds)
						||$.trim(tempdataSource[editIndexDutyVal].leaderIds)==$.trim(leaderIds_Reverse)){
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['leaderNames'] = leaderNames;
				}else{
					$('#mygrid').datagrid('getRows')[editIndexDutyVal]['leaderNames'] = 
						"<font color=\"#0033cc\" style=\"font-style:italic;font-weight:bold;\">"+leaderNames+"</font>";
				}
				//
				$('#mygrid').datagrid('endEdit', editIndexDutyVal);//结束上一行的编辑状态
				editIndexDutyVal = undefined;//重新赋值undefined
				return true;
			} else {
				return false;
			}
		}
分享到:
评论

相关推荐

    easyui datagrid在编辑状态下更新列的值

    首先,EasyUI的Datagrid提供了行内编辑的功能,用户可以点击某一行进入编辑状态,修改单元格中的数据。编辑状态可以通过设置`editable`属性来开启,例如: ```html &lt;table id="datagrid" class="easyui-datagrid" ...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    easyui datagrid editor回车切换单元格示例,可参考

    easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid 表格 打印

    5. ** formatter回调**:在打印前,通过遍历Datagrid的所有行,对formatter函数再次执行,确保每一项数据都是格式化后的状态。 6. **利用EasyUI插件**:EasyUI社区可能已经有人开发了打印插件,可以直接应用,减轻...

    easyUI拓展:获取当前datagrid正在编辑状态的行编号

    easyUI拓展:获取当前datagrid中在编辑状态的行编号列表,直接使用即可

    easyui datagrid 数据导出到Excel

    在IT行业中,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面...

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid 行上移,下移,置顶,置底的方法

    Easyui Datagrid 实现行过滤[模糊查询]

    在本篇中,我们将深入探讨如何在EasyUI的Datagrid中实现行过滤,特别是行模糊查询功能,以及其在数据库远程查询中的应用。 首先,`EasyUI Datagrid` 是一个强大的表格控件,它允许开发者轻松地展示和操作数据,支持...

    easyui的datagrid生成合并行,合计计算价格

    在描述中提到的"easyui的datagrid生成合并行,合计计算价格",指的是如何使用EasyUI的DataGrid组件来实现表格数据的行合并以及总价的计算功能。以下是对这个知识点的详细解释: 1. EasyUI DataGrid组件: EasyUI的...

    easyui datagrid 右冻结

    标题中的“easyui datagrid 右冻结”是指在使用EasyUI框架开发Web应用程序时,针对datagrid组件实现右侧列固定的功能。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括datagrid,它是一个用于展示表格数据的...

    easyui datagrid 增加鼠标悬停弹窗事件

    EasyUI的Datagrid是一个强大的表格组件,它可以显示大量数据并支持排序、分页、过滤和编辑等功能。在Web应用中,Datagrid常用于展示结构化的数据,使用户能够高效地浏览和操作信息。 2. **鼠标悬停事件**: 在...

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    easyui datagrid 行编辑中combogrid和combobox显示问题

    修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...

    easyUI datagrid rownumber自适应宽度扩展JS

    easyUI datagrid 自动调整行号大小

    jquery easyui datagrid demo

    Datagrid 是 jQuery EasyUI 中一个强大的数据展示组件,常用于表格数据的展示和操作,支持分页、排序、过滤、编辑等功能。通过阅读这份文档,我们可以了解 Datagrid 的基本配置和高级特性,以及如何与后端数据源进行...

    EasyUI DataGrid过滤用法实例

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid,用于构建用户界面。本文将深入探讨如何使用EasyUI datagrid实现多条件筛选功能,特别是支持可复选的筛选条件,类似于淘宝网站上的...

    EasyUI Datagrid 中文排序的问题

    ### EasyUI Datagrid 中文排序解决方案 #### 一、前言 在开发Web应用程序时,经常需要处理中文数据的排序问题。特别是在使用如EasyUI Datagrid这样的前端组件时,中文排序成为了开发者面临的一个常见挑战。本文将...

Global site tag (gtag.js) - Google Analytics