jeecg双击编辑的几种格式

最新推荐文章于 2024-05-14 12:35:01 发布

小鲤鱼ya

最新推荐文章于 2024-05-14 12:35:01 发布

阅读量728

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/weixin_45956838/article/details/111591298

版权

Java 专栏收录该内容

63 篇文章 4 订阅

订阅专栏

1.在datagrid的里可以使用jeecg带的双击编辑事件
2.添加双击编辑方法onDblClick="db_edit(rowIndex,rowData)"
//双击编辑行
function db_edit(rowIndex,rowData){
	var index= $('#airportCargoTrackingList').datagrid('getRowIndex', rowData);
	$('#airportCargoTrackingList').datagrid('beginEdit', index);
}
$('#airportCargoTrackingList')为datagrid定义的name名

3.添加了编辑方法并不能直接编辑，要给想要实现编辑的<t:dgCol />添加extendParams属性，并设置要编辑的类型，如编辑文本类型：
<t:dgCol extendParams="editor:'text'" /> 
如编辑数值类型：
<t:dgCol extendParams="editor:'numberbox'" /> 
如编辑日期类型，此日期格式为yyyy-MM-dd：
<t:dgCol extendParams="editor:'datebox'" /> 
如编辑绑定数据字典的类型：
<t:dgCol extendParams="editor:'combobox'" /> 
有时候，我们会用到编辑的日期格式为yyyy-MM-dd HH:mm:ss，这种使用双击编辑有一点不同，如下所示：
<t:dgCol extendParams="editor:{type:'datetimebox',options:{onShowPanel:initDateboxformat}}" />
其中initDateboxformat一个函数方法，不需要我们自己定义，只需要引用jeecg自带的，在被编辑的界面引入两个js，如下所示：
 <script type="text/javascript" src="plug-in/mutitables/mutitables.urd.js"></script>
 <script type="text/javascript" src="plug-in/mutitables/mutitables.curdInIframe.js"></script>
这样就可以能实现了。

4.编辑后，要想获取编辑后的数据，必须把编辑给关掉，否则获取不到编辑后的数据
$('#airportCargoTrackingList').datagrid('endEdit', index);

总的代码

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<div class="easyui-layout" fit="true">
  <div region="center" style="padding:0px;border:0px">
  <t:datagrid name="airportCargoTrackingList" checkbox="true" pagination="true" fitColumns="true" title="机场货物跟踪" onDblClick="db_edit(rowIndex,rowData)" actionUrl="airportCargoTrackingController.do?datagrid" idField="id" fit="true" queryMode="group">
   <t:dgCol title="id"  field="id"  hidden="true"  queryMode="group"  width="120"></t:dgCol>
   <t:dgCol title="公司名称"  field="companyName"   extendParams="editor:'text'" queryMode="group"  width="120"></t:dgCol>
   <t:dgCol title="提单号"  field="ladingNumber"  queryMode="group"  extendParams="editor:'text'"  width="120"></t:dgCol>
   <t:dgCol title="件数"  field="number"  queryMode="group" extendParams="editor:'numberbox'"  width="120"></t:dgCol>
   <t:dgCol title="重量"  field="weight"  queryMode="group"  extendParams="editor:'text'"  width="120"></t:dgCol>
   <t:dgCol title="体积"  field="volume"  queryMode="group"  extendParams="editor:'text'"  width="120"></t:dgCol>
   <t:dgCol title="司机电话"  field="driverPhone" extendParams="editor:'text'"   queryMode="group"  width="120"></t:dgCol>
   <t:dgCol title="车牌"  field="licensePlate"  queryMode="group"  extendParams="editor:'text'" width="120"></t:dgCol>
   <t:dgCol title="颜色"  field="color"  queryMode="group" extendParams="editor:'text'"  width="120"></t:dgCol>
   <t:dgCol title="是否已读"  field="isRead"  queryMode="single"  width="80"  dictionary="isRead" query="true"></t:dgCol>
   <t:dgCol title="执行时间"  field="executionTime"  formatter="yyyy-MM-dd" extendParams="editor:'datebox'" queryMode="group"  width="150"></t:dgCol>
   <t:dgCol title="状态"  field="status"  queryMode="single"  width="80"  dictionary="trackingStatus" query="true"></t:dgCol>
   <t:dgCol title="目的点"  field="purpose"  queryMode="group" extendParams="editor:'text'"  width="120"></t:dgCol>
   <t:dgCol title="报关数"  field="declarationNum"  queryMode="group"  extendParams="editor:'text'"  width="120"></t:dgCol>
   <t:dgCol title="直单"  field="straightSingle"  queryMode="group" extendParams="editor:'combobox'"  dictionary="straightSingle" width="120"></t:dgCol>
   <t:dgCol title="主单数"  field="mainNum"  queryMode="group"  extendParams="editor:'numberbox'" width="120"></t:dgCol>
   <t:dgCol title="分单数"  field="singleNum"  queryMode="group"  extendParams="editor:'numberbox'" width="120"></t:dgCol>
   <t:dgCol title="创建日期"  field="createDate"  formatter="yyyy-MM-dd hh:mm:ss"  queryMode="group" autocomplete="off"   query="true"  width="120"></t:dgCol>
   <t:dgCol title="操作" field="opt" width="100"></t:dgCol>
   <t:dgDelOpt title="删除" url="airportCargoTrackingController.do?doDel&id={id}" urlclass="ace_button"  urlfont="fa-trash-o"/>
   <t:dgToolBar title="录入" icon="icon-add" url="airportCargoTrackingController.do?doAddAirport" funname="add"></t:dgToolBar>
   <t:dgToolBar title="编辑" icon="icon-edit" url="airportCargoTrackingController.do?goUpdate" funname="update"></t:dgToolBar>
   <t:dgToolBar title="批量删除"  icon="icon-remove" url="airportCargoTrackingController.do?doBatchDel" funname="deleteALLSelect"></t:dgToolBar>
   <t:dgToolBar title="查看" icon="icon-search" url="airportCargoTrackingController.do?goUpdate" funname="detail"></t:dgToolBar>
   <t:dgToolBar title="导入" icon="icon-put" funname="ImportXls"></t:dgToolBar>
   <t:dgToolBar title="导出" icon="icon-putout" funname="ExportXls"></t:dgToolBar>
   <t:dgToolBar title="模板下载" icon="icon-putout" funname="ExportXlsByT"></t:dgToolBar>
   <t:dgToolBar title="提交" icon="icon-putout" url="airportCargoTrackingController.do?doUpdateAirport" funname="submitData"></t:dgToolBar>
  </t:datagrid>
  </div>
 </div>
 <script src = "webpage/com/jeecg/airportCargoTracking/airportCargoTrackingList.js"></script>		
 <script type="text/javascript">
 $(document).ready(function(){
 });
 
 function add(title,url, id,width,height,isRestful) {
	 $.ajax({
			url : url,
			type : 'post',
			data : {
				type: "add",
			},
			cache : false,
			success : function(data) {
				var d = $.parseJSON(data);
				if (d.success) {
					reloadTable();
					$("#"+id).datagrid('unselectAll');
				}
			}
		});
 }
 
 function submitData(title,url, id,width,height,isRestful) {
	gridname=id;
 	var rowsData = $('#'+id).datagrid('getSelections'); 
 	if (!rowsData || rowsData.length==0) {
 		tip('请选择项目');
 		return;
 	}
 	var index = 0;
 	$.dialog.setting.zIndex = getzIndex(true);
    	$.dialog.confirm('确定要提交吗?', function(r) {
		   if (r) {
			    var rows = $('#airportCargoTrackingList').datagrid('getRows');
			 	for(var i = 0; i < rowsData.length; i++) {
			 		index = $('#airportCargoTrackingList').datagrid('getRowIndex', rowsData[i]);

				    var data2 = rows[index];
			 		$('#airportCargoTrackingList').datagrid('endEdit', index);
			 		var airport = JSON.stringify(data2) 
			 		$.ajax({
						url : url,
						type : 'post',
						data : {
							airportData: airport,
						},
						cache : false,
						success : function(data) {
							var d = $.parseJSON(data);
							if (d.success) {
								var msg = d.msg;
								tip(msg);
								reloadTable();
								$("#"+id).datagrid('unselectAll');
							}
						}
					});
			 	}
			}
		});
 }
 
//双击编辑行
function db_edit(rowIndex,rowData){
	var index= $('#airportCargoTrackingList').datagrid('getRowIndex', rowData);
	$('#airportCargoTrackingList').datagrid('beginEdit', index);
}   
 
//导入
function ImportXls() {
	openuploadwin('Excel导入', 'airportCargoTrackingController.do?upload', "airportCargoTrackingList");
}

//导出
function ExportXls() {
	JeecgExcelExport("airportCargoTrackingController.do?exportXls","airportCargoTrackingList");
}

//模板下载
function ExportXlsByT() {
	JeecgExcelExport("airportCargoTrackingController.do?exportXlsByT","airportCargoTrackingList");
}

 </script>