easyui label 编辑_EasyUI datagrid 行编辑
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using Model.Suya;
@using Suya.PMP.Contract.Model;
@{
BeforeAllocationModel beforeAllocation = ViewData["BeforeAllocationModel"] as BeforeAllocationModel;
}
$(function() {//使用JavaScript創(chuàng)建數(shù)據(jù)表格
$('#checkList').datagrid({
url:'/PMP/BeforeAllocationManage/GetCheckList',//一個用以從遠程站點請求數(shù)據(jù)的超鏈接地址。控制器/方法
queryParams: {
parentId:"@beforeAllocation.id"},
iconCls:'icon-save',
loadMsg:'數(shù)據(jù)正在加載中,請稍后.....',//當(dāng)從遠程站點載入數(shù)據(jù)時,顯示的一條快捷信息。
singleSelect:true,//設(shè)置為true將只允許選擇一行
fitColumns:true,//設(shè)置為true將自動使列適應(yīng)表格寬度以防止出現(xiàn)水平滾動
striped:true,//設(shè)置為true將交替顯示行背景
pagination:false,//設(shè)置true將在數(shù)據(jù)表格底部顯示分頁工具欄。
rownumbers:true,//設(shè)置為true將顯示行數(shù)。
sortName:'creatTime',//當(dāng)數(shù)據(jù)表格初始化時以哪一列來排序。
sortOrder:'desc',//定義排序順序,可以是'asc'或者'desc'(正序或者倒序)。
idField:'Id',//表明該列是一個唯一列。
onClickRow: checkClickRow,
onLoadSuccess:function(data) {
calCheckTotal(data.rows);
},
frozenColumns: [[//跟列屬性一樣,但是這些列固定在左邊,不會滾動。
]],
columns: [[
{ field:'id', title:'ID', hidden:true},
{ field:'checkTime', title:'校對時間', width:100, align:'center', sortable:true,
formatter: dateformatter,
editor: { type:'datetimebox', options: { parser: dateparser, required:true} }
},
{ field:'baackTime', title:'返回時間', width:100, align:'center', sortable:true,
formatter: dateformatter,
editor: { type:'datetimebox', options: { parser: dateparser, required:true} }
},
{ field:'useTime', title:'校對用時', width:100, align:'center', sortable:true,
editor: { type:'numberbox', options: { min:0, precision:2, required:true} }
},
{ field:'correctTime', title:'修改用時', width:100, align:'center', sortable:true,
editor: { type:'numberbox', options: { min:0, precision:2, required:true} }
}
]]
});//end datagrid
$('#auditList').datagrid({
url:'/PMP/BeforeAllocationManage/GetAuditList',//一個用以從遠程站點請求數(shù)據(jù)的超鏈接地址。控制器/方法
queryParams: {
parentId:"@beforeAllocation.id"},
iconCls:'icon-save',
loadMsg:'數(shù)據(jù)正在加載中,請稍后.....',//當(dāng)從遠程站點載入數(shù)據(jù)時,顯示的一條快捷信息。
singleSelect:true,//設(shè)置為true將只允許選擇一行
fitColumns:true,//設(shè)置為true將自動使列適應(yīng)表格寬度以防止出現(xiàn)水平滾動
striped:true,//設(shè)置為true將交替顯示行背景
pagination:false,//設(shè)置true將在數(shù)據(jù)表格底部顯示分頁工具欄。
rownumbers:true,//設(shè)置為true將顯示行數(shù)。
sortName:'creatTime',//當(dāng)數(shù)據(jù)表格初始化時以哪一列來排序。
sortOrder:'desc',//定義排序順序,可以是'asc'或者'desc'(正序或者倒序)。
idField:'Id',//表明該列是一個唯一列。
onClickRow: auditClickRow,
onLoadSuccess:function(data) {
calAuditTotal(data.rows);
},
frozenColumns: [[//跟列屬性一樣,但是這些列固定在左邊,不會滾動。
]],
columns: [[
{ field:'Id', title:'ID', hidden:true},
{ field:'checkTime', title:'校對時間', width:100, align:'center', sortable:true,
formatter: dateformatter,
editor: { type:'datetimebox', options: { parser: dateparser, required:true} }
},
{ field:'baackTime', title:'返回時間', width:100, align:'center', sortable:true,
formatter: dateformatter,
editor: { type:'datetimebox', options: { parser: dateparser, required:true} }
},
{ field:'useTime', title:'校對用時', width:100, align:'center', sortable:true,
editor: { type:'numberbox', options: { min:0, precision:2, required:true} }
},
{ field:'correctTime', title:'修改用時', width:100, align:'center', sortable:true,
editor: { type:'numberbox', options: { min:0, precision:2, required:true} }
}
]]
});//end datagrid
$('#fileList').datagrid({
url:'/PMP/BeforeAllocationManage/GetAttList',//一個用以從遠程站點請求數(shù)據(jù)的超鏈接地址。控制器/方法
queryParams: {
parentId:"@beforeAllocation.id"},
iconCls:'icon-save',
loadMsg:'數(shù)據(jù)正在加載中,請稍后.....',//當(dāng)從遠程站點載入數(shù)據(jù)時,顯示的一條快捷信息。
singleSelect:true,//設(shè)置為true將只允許選擇一行
fitColumns:true,//設(shè)置為true將自動使列適應(yīng)表格寬度以防止出現(xiàn)水平滾動
striped:true,//設(shè)置為true將交替顯示行背景
pagination:false,//設(shè)置true將在數(shù)據(jù)表格底部顯示分頁工具欄。
rownumbers:true,//設(shè)置為true將顯示行數(shù)。
sortName:'creatTime',//當(dāng)數(shù)據(jù)表格初始化時以哪一列來排序。
sortOrder:'desc',//定義排序順序,可以是'asc'或者'desc'(正序或者倒序)。
idField:'Id',//表明該列是一個唯一列。
frozenColumns: [[//跟列屬性一樣,但是這些列固定在左邊,不會滾動。
]],
columns: [[
{ field:'Id', title:'ID', hidden:true},
{ field:'attachment', title:'attachment', hidden:true},
{ field:'fileName', title:'附件', width:100, align:'center', sortable:true,
formatter:function(value, row, index) {return '
rules: {
beforeBillCode: {
required:true},
taskType: {
required:true},
desingContent: {
required:true,
maxlength:500},
desingerShow: {
required:true},
checkerShow: {
required:true},
auditorShow: {
required:true},
confirmPersonShow: {
required:true},
auditorScore: {
number:true},
score: {
number:true},
needTime: {
number:true},
factTime: {
number:true}
},//定義提示信息
messages: {
beforeBillCode: {
required:"必填"},
taskType: {
required:"必填"},
desingContent: {
required:"必填",
maxlength:"長度不超過500"},
desingerShow: {
required:"必填"},
checkerShow: {
required:"必填"},
auditorShow: {
required:"必填"},
confirmPersonShow: {
required:"必填"},
auditorScore: {
number:"數(shù)字"},
score: {
number:"數(shù)字"},
needTime: {
number:"數(shù)字"},
factTime: {
number:"數(shù)字"}
},
submitHandler:function(form) {//點提交時調(diào)用更新方法
btnAdd();
}
});
$("#uploadify").uploadify({
height:25,
width:100,
swf:'/Content/Plugins/UploadifyJs/uploadify.swf',
uploader:'/PMP/BeforeAllocationManage/UploadFile',
buttonText:'選擇文件上傳',
fileSizeLimit:'4MB',
fileTypeDesc:'文件',
fileTypeExts:'*.*',
multi:true,
onUploadSuccess:function(fileObj, data, response) {vard=eval("(" +data+ ")");
$(".uploadify-queue-item").find(".data").html("??上傳完成");
$('#fileList').datagrid("appendRow", {
fileName: d.name,
attachment: d.url,
uploadTime:newDate()
});
},
onUploadError:function(event, ID, fileObj, errorObj) {if(event.size> 4 * 1024 * 1024) {
alert('超過文件上傳大小限制(4M)！');return;
}
alert('上傳失敗');
}
});//end uploadify
});//end $.ready
//合計
functioncalCheckTotal(rows) {varsum1= 0;varsum2= 0;for(vari= 0; i
sum1+=parseFloat(rows[i].useTime);
sum2+=parseFloat(rows[i].correctTime);
}
$("#checkTotal").html("合計：校對用時：" +sum1.toFixed(2)+ "??修改用時：" +sum2.toFixed(2));
}//合計
functioncalAuditTotal(rows) {varsum1= 0;varsum2= 0;for(vari= 0; i
sum1+=parseFloat(rows[i].useTime);
sum2+=parseFloat(rows[i].correctTime);
}
$("#auditTotal").html("合計：審核用時：" +sum1.toFixed(2)+ "??修改用時：" +sum2.toFixed(2));
}//刪除附件
functiondelFile(index) {
$("#fileList").datagrid('deleteRow', index);
}//日期格式
functiondateformatter(value) {if(!value)return "";if(valueinstanceofDate) {returnvalue.format("yyyy-MM-dd hh:mm");
}else if(value.indexOf("Date")!= -1) {vardate= newDate();
date.setTime(value.replace(/\/Date\((-?\d+)\)\//,'$1'));returndate.format("yyyy-MM-dd hh:mm");
}else if($.trim(value)!= "") {vardate= newDate(value.replace(/-/g,'/'));returndate.format("yyyy-MM-dd hh:mm");
}
}//日期格式
functiondateparser(value) {if(!value)return newDate();if(value.indexOf("Date")!= -1) {vardate= newDate();
date.setTime(value.replace(/\/Date\((-?\d+)\)\//,'$1'));returndate;
}else{vararr=value.split(' ');vararr1=arr[0].split('-');vararr2=arr[1].split(':');vary=parseInt(arr1[0],10);varM=parseInt(arr1[1],10);vard=parseInt(arr1[2],10);varh=parseInt(arr2[0],10);varm=parseInt(arr2[1],10);if(!isNaN(y)&& !isNaN(M)&& !isNaN(d)&& !isNaN(h)&& !isNaN(m)) {return newDate(y, M- 1, d, h, m);
}else{return newDate();
}
}
}//添加
functionbtnAdd() {varparams=FormToJson($("#frm").serializeArray());varatt=$("#fileList").datagrid('getRows');varcheck=$("#checkList").datagrid('getRows');varaudit=$("#auditList").datagrid('getRows');
$.ajax({
url:"/PMP/BeforeAllocationManage/InsertOrUpdate",
type:"POST",
dataType:"json",
data: { params: params, att: JSON2.stringify(att), check: JSON2.stringify(check), audit: JSON2.stringify(audit) },
success:function(data) {if(fnet.ajax.success(data)) {
fnet.msg.info("保存成功");
back();
}else{
fnet.msg.error(data.msg);
}
}
});
}//保存
functionsave() {if(checkEndEdit()&&auditEndEdit()) {
$("#frm").submit();
}else{
fnet.msg.info("請先保存校對記錄和審核記錄");
}
}//返回
functionback() {
parent.$('#ttTab').tabs('select',"項目前期任務(wù)分配考核表");vartab=parent.$('#ttTab').tabs('getSelected');
tab.find("iframe").contents().find("#btnSearch").click();
parent.$("#ttTab").tabs('close','修改項目前期任務(wù)分配考核表');
}//選擇項目前期任務(wù)單
functionselBeforeProtast() {
$.iDialog({
title:'選擇項目前期任務(wù)單',
height:"500px",
width:"800px",
content:"url:/Auth/BeforeProtastDialog/Index",
okVal:"確認選擇",
ok:function() {return this.content.doOK(function(data) {
$("#beforeBillCode").val(data.BeforeBillCode);
$("#projectCode").val(data.ProjectCode);
$("#projectName").val(data.ProjectName);
$("#productCodeShow").html(data.ProjectCode);if(data.Attachment) {varpos=data.Attachment.lastIndexOf('/');varlen=data.Attachment.length-pos;varname=data.Attachment.substr(pos+ 1, len);
$("#attachment").html(name);
$("#attachment").attr("href","DownloadFile?name=" +escape(name)+ "&url=" +escape(data.Attachment));
}
});//調(diào)用子窗口的函數(shù)
}
});
}//選擇人員
functionselemp(id) {
$.iDialog({
title:'選擇人員',
height:"500px",
width:"800px",
content:"url:/HR/EmployeeManage/SelEmployee",
okVal:"確認選擇",
ok:function() {return this.content.doOK(function(data) {
$("#" +id).val(data.EmployeeName);
$("#" +id+ "+ input").val(data.EmployeeCode);
});//調(diào)用子窗口的函數(shù)
}
});
}//checkList操作開始 ===================================================================================
//編輯行索引
varcheckEditIndex=undefined;//結(jié)束編輯
functioncheckEndEdit() {if(checkEditIndex==undefined) {return true}if($('#checkList').datagrid('validateRow', checkEditIndex)) {
$('#checkList').datagrid('endEdit', checkEditIndex);
checkEditIndex=undefined;varrows=$('#checkList').datagrid('getRows');
calCheckTotal(rows);return true;
}else{return false;
}
}//點擊行
functioncheckClickRow(index) {if(checkEditIndex!=index) {if(checkEndEdit()) {
$('#checkList').datagrid('selectRow', index)
.datagrid('beginEdit', index);
checkEditIndex=index;
}else{
$('#checkList').datagrid('selectRow', checkEditIndex);
}
}
}//添加行
functioncheckAdd() {if(checkEndEdit()) {
$('#checkList').datagrid('appendRow', {});
checkEditIndex=$('#checkList').datagrid('getRows').length- 1;
$('#checkList').datagrid('selectRow', checkEditIndex)
.datagrid('beginEdit', checkEditIndex);
}
}//刪除行
functioncheckDel() {if(checkEditIndex==undefined) {return}
$('#checkList').datagrid('cancelEdit', checkEditIndex)
.datagrid('deleteRow', checkEditIndex);
checkEditIndex=undefined;
}//臨時保存
functioncheckOK() {if(checkEndEdit()) {
$('#checkList').datagrid('acceptChanges');
}
}//重新查詢，顯示第一頁
functionloadcheckgrid(type, entryNoticeId, proTaskId) {
$('#checkList').datagrid('load', {
type: type,
entryNoticeId: entryNoticeId,
proTaskId: proTaskId
});
$('#checkList').datagrid('clearSelections');
}//checkList操作結(jié)束 ===================================================================================
//auditList操作開始 ===================================================================================
//編輯行索引
varauditEditIndex=undefined;//結(jié)束編輯
functionauditEndEdit() {if(auditEditIndex==undefined) {return true}if($('#auditList').datagrid('validateRow', auditEditIndex)) {
$('#auditList').datagrid('endEdit', auditEditIndex);
auditEditIndex=undefined;varrows=$('#checkList').datagrid('getRows');
calAuditTotal(rows);return true;
}else{return false;
}
}//點擊行
functionauditClickRow(index) {if(auditEditIndex!=index) {if(auditEndEdit()) {
$('#auditList').datagrid('selectRow', index)
.datagrid('beginEdit', index);
auditEditIndex=index;
}else{
$('#auditList').datagrid('selectRow', auditEditIndex);
}
}
}//添加行
functionauditAdd() {if(auditEndEdit()) {
$('#auditList').datagrid('appendRow', {});
auditEditIndex=$('#auditList').datagrid('getRows').length- 1;
$('#auditList').datagrid('selectRow', auditEditIndex)
.datagrid('beginEdit', auditEditIndex);
}
}//刪除行
functionauditDel() {if(auditEditIndex==undefined) {return}
$('#auditList').datagrid('cancelEdit', auditEditIndex)
.datagrid('deleteRow', auditEditIndex);
auditEditIndex=undefined;
}//臨時保存
functionauditOK() {if(auditEndEdit()) {
$('#auditList').datagrid('acceptChanges');
}
}//重新查詢，顯示第一頁
functionloadauditgrid(type, entryNoticeId, proTaskId) {
$('#auditList').datagrid('load', {
type: type,
entryNoticeId: entryNoticeId,
proTaskId: proTaskId
});
$('#auditList').datagrid('clearSelections');
}//auditList操作結(jié)束 ===================================================================================
總結(jié)
以上是生活随笔為你收集整理的easyui label 编辑_EasyUI datagrid 行编辑的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 用python抓取智联招聘信息并存入ex
- 下一篇： 智联招聘自动刷新简历软件