jeecg雙擊編輯的幾種格式
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'" />
如編輯日期型別:
<t:dgCol extendParams="editor:'datebox'" />
如編輯繫結資料字典的型別:
<t:dgCol extendParams="editor:'combobox'" />
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>
相關文章
- 幾種開源富文字編輯器對比
- Vidmore影片轉換器的幾種編輯功能分享給大家
- 帶你認識幾種最流行的Python編輯器/IDEsPythonIDE
- 幾種文字編輯器IDE學習難度曲線IDE
- 格式化輸出的幾種方式
- 攻擊伺服器的幾種方式伺服器
- 帶你認識幾種最流行的Python編輯器/IDEs(附連結)PythonIDE
- CC攻擊分為幾種?
- ddos攻擊伺服器的幾種方式伺服器
- 推薦幾款好用的Markdown編輯器
- 推導有限元格式的幾種方法6
- JSON資料交換格式有幾種?JSON
- C# Modbus協議 幾種常用格式C#協議
- 幾種常見的DDOS攻擊應對策略
- 網路安全——常見的幾種WEB攻擊:Web
- 推薦幾款高效的Python文字編輯器!Python
- 推薦幾款火爆的Python線上編輯器Python
- quill 富文字編輯器自定義格式化UI
- 幾種集合的幾種方法
- [20191218]各種編輯器的退出操作.txt
- 提升編碼技能的 幾 種高階技術
- CC攻擊分為幾種?遭遇CC攻擊如何防禦?
- 5種常見的黑客攻擊手段,你知道幾個?黑客
- 伺服器常碰見的幾種網路攻擊伺服器
- Python寫業務邏輯的幾個編碼原則Python
- abc-def-ghi轉為駝峰格式abcDefGhi的幾種方法
- 什麼是XSS攻擊?XSS攻擊有哪幾種型別?型別
- 時間有幾種格式、相互之間如何轉換?
- 幾種可以對瀏覽器進行核心攻擊的方法瀏覽器
- 幾個大神程式猿更喜歡用的Python編輯器!Python
- Python有哪幾種編碼方式?這幾類必須知道!Python
- WPF DataGrid實現單擊單元格直接編輯
- 使用spire.doc匯出支援編輯Latex公式的標準格式word公式
- jeecg, token獲取
- 隨處可編輯的編輯器之神VIM
- 區塊鏈安全:實現公鏈雙花攻擊的多種方法區塊鏈
- 雙因素認證,讓使用者的帳號安全無憂編輯
- Linux Vi編輯器的三種模式分別指什麼?Linux模式