EasyUI datagrid 行编辑
一、HTML：
<div class="info"> <div class="info_tt"> <span class="info_tt1">明细</span> <span class="pucker2"></span><a class="del" onclick="detailDel()" href="javascript:void(0)">删除</a> <a class="sure" onclick="detailOK()" href="javascript:void(0)"> 确认</a> <a class="add" onclick="detailAdd()" href="javascript:void(0)">添加</a> </div> <div> <table id="detailList"> </table> </div> </div>
二、JS：
<script type="text/javascript"> $(function () { //使用JavaScript创建数据表格 $('#detailList').datagrid({ url: '/PMP/EntryNoticeManage/GetDetailList', //一个用以从远程站点请求数据的超链接地址。控制器/方法 queryParams: { type: 1, entryNoticeId: 0, proTaskId: 0 }, iconCls: 'icon-save', loadMsg: '数据正在加载中,请稍后.....', //当从远程站点载入数据时,显示的一条快捷信息。 singleSelect: true, //设置为true将只允许选择一行 fitColumns: true, //设置为true将自动使列适应表格宽度以防止出现水平滚动 striped: true, //设置为true将交替显示行背景 pagination: false, //设置true将在数据表格底部显示分页工具栏。 rownumbers: true, //设置为true将显示行数。 pagePosition: 'bottom', //定义的分页栏的位置。可用的值有 'top','bottom','both'。 sortName: 'creatTime', //当数据表格初始化时以哪一列来排序。 sortOrder: 'desc', //定义排序顺序,可以是'asc'或者'desc'（正序或者倒序）。 idField: 'Id', //表明该列是一个唯一列。 onClickRow: detailClickRow, frozenColumns: [[ //跟列属性一样,但是这些列固定在左边,不会滚动。 ]], columns: [[ { field: 'Id', title: 'ID', hidden: true }, { field: 'ProtastDetId', title: 'ProtastDetId', hidden: true }, { field: 'WorkContent', title: '工作内容', width: 100, align: 'center', sortable: true, editor: { type: 'textbox', options: { validType: 'length[1,50]', required: true} } }, { field: 'Remarks', title: '备注', width: 100, align: 'center', sortable: true, editor: { type: 'textbox', options: { validType: 'length[0,500]'} } } ]] }); //end datagrid loadgrid(1, "@entryNotice.Id", 0); }); //明细编辑行索引 var detailEditIndex = undefined; //明细结束编辑 function detailEndEdit() { if (detailEditIndex == undefined) { return true } if ($('#detailList').datagrid('validateRow', detailEditIndex)) { $('#detailList').datagrid('endEdit', detailEditIndex); detailEditIndex = undefined; return true; } else { return false; } } //明细点击行 function detailClickRow(index) { if (detailEditIndex != index) { if (detailEndEdit()) { $('#detailList').datagrid('selectRow', index) .datagrid('beginEdit', index); detailEditIndex = index; } else { $('#detailList').datagrid('selectRow', detailEditIndex); } } } //添加行 function detailAdd() { if (detailEndEdit()) { $('#detailList').datagrid('appendRow', {}); detailEditIndex = $('#detailList').datagrid('getRows').length - 1; $('#detailList').datagrid('selectRow', detailEditIndex) .datagrid('beginEdit', detailEditIndex); } } //删除行 function detailDel() { if (detailEditIndex == undefined) { return } $('#detailList').datagrid('cancelEdit', detailEditIndex) .datagrid('deleteRow', detailEditIndex); detailEditIndex = undefined; } //临时保存 function detailOK() { if (detailEndEdit()) { $('#detailList').datagrid('acceptChanges'); } } //重新查询，显示第一页 function loadgrid(type, entryNoticeId, proTaskId) { $('#detailList').datagrid('load', { type: type, entryNoticeId: entryNoticeId, proTaskId: proTaskId }); $('#detailList').datagrid('clearSelections'); } </script>
三、完整示例页面：
@{ Layout = "~/Views/Shared/_Layout.cshtml"; } @using Model.Suya; @using Suya.PMP.Contract.Model; @{ BeforeAllocationModel beforeAllocation = ViewData["BeforeAllocationModel"] as BeforeAllocationModel; } <link href="/Content/Plugins/UploadifyJs/uploadify.css" rel="stylesheet" type="text/css" /> <script src="/Content/Plugins/UploadifyJs/swfobject.js" type="text/javascript"></script> <script src="/Content/Plugins/UploadifyJs/jquery.uploadify-3.1.min.js" type="text/javascript"></script> <link href="/Content/Styles/css1/main.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(function () { //使用JavaScript创建数据表格 $('#checkList').datagrid({ url: '/PMP/BeforeAllocationManage/GetCheckList', //一个用以从远程站点请求数据的超链接地址。控制器/方法 queryParams: { parentId: "@beforeAllocation.id" }, iconCls: 'icon-save', loadMsg: '数据正在加载中,请稍后.....', //当从远程站点载入数据时,显示的一条快捷信息。 singleSelect: true, //设置为true将只允许选择一行 fitColumns: true, //设置为true将自动使列适应表格宽度以防止出现水平滚动 striped: true, //设置为true将交替显示行背景 pagination: false, //设置true将在数据表格底部显示分页工具栏。 rownumbers: true, //设置为true将显示行数。 sortName: 'creatTime', //当数据表格初始化时以哪一列来排序。 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', //一个用以从远程站点请求数据的超链接地址。控制器/方法 queryParams: { parentId: "@beforeAllocation.id" }, iconCls: 'icon-save', loadMsg: '数据正在加载中,请稍后.....', //当从远程站点载入数据时,显示的一条快捷信息。 singleSelect: true, //设置为true将只允许选择一行 fitColumns: true, //设置为true将自动使列适应表格宽度以防止出现水平滚动 striped: true, //设置为true将交替显示行背景 pagination: false, //设置true将在数据表格底部显示分页工具栏。 rownumbers: true, //设置为true将显示行数。 sortName: 'creatTime', //当数据表格初始化时以哪一列来排序。 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', //一个用以从远程站点请求数据的超链接地址。控制器/方法 queryParams: { parentId: "@beforeAllocation.id" }, iconCls: 'icon-save', loadMsg: '数据正在加载中,请稍后.....', //当从远程站点载入数据时,显示的一条快捷信息。 singleSelect: true, //设置为true将只允许选择一行 fitColumns: true, //设置为true将自动使列适应表格宽度以防止出现水平滚动 striped: true, //设置为true将交替显示行背景 pagination: false, //设置true将在数据表格底部显示分页工具栏。 rownumbers: true, //设置为true将显示行数。 sortName: 'creatTime', //当数据表格初始化时以哪一列来排序。 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 '<a href="DownloadFile?name=' + escape(value) + '&url=' + row.attachment + '" target="_blank">' + value + '</a>'; } }, { field: 'uploadTime', title: '上传时间', width: 100, align: 'center', sortable: true, formatter: dateformatter }, { field: 'operate', title: '操作', width: 100, align: 'center', sortable: true, formatter: function (value, row, index) { return '<a href="javascript:void(0);" onclick="delFile(' + index + ')">删除</a>'; } } ]] }); //end datagrid //验证信息 jQuery("#frm").validate({ //定义验证规则 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: "数字" }, score: { number: "数字" }, needTime: { number: "数字" }, factTime: { number: "数字" } }, submitHandler: function (form) { //点提交时调用更新方法 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) { var d = eval("(" + data + ")"); $(".uploadify-queue-item").find(".data").html(" 上传完成"); $('#fileList').datagrid("appendRow", { fileName: d.name, attachment: d.url, uploadTime: new Date() }); }, onUploadError: function (event, ID, fileObj, errorObj) { if (event.size > 4 * 1024 * 1024) { alert('超过文件上传大小限制（4M）！'); return; } alert('上传失败'); } }); //end uploadify }); //end $.ready //合计 function calCheckTotal(rows) { var sum1 = 0; var sum2 = 0; for (var i = 0; i < rows.length; i++) { sum1 += parseFloat(rows[i].useTime); sum2 += parseFloat(rows[i].correctTime); } $("#checkTotal").html("合计：校对用时：" + sum1.toFixed(2) + " 修改用时：" + sum2.toFixed(2)); } //合计 function calAuditTotal(rows) { var sum1 = 0; var sum2 = 0; for (var i = 0; i < rows.length; i++) { sum1 += parseFloat(rows[i].useTime); sum2 += parseFloat(rows[i].correctTime); } $("#auditTotal").html("合计：审核用时：" + sum1.toFixed(2) + " 修改用时：" + sum2.toFixed(2)); } //删除附件 function delFile(index) { $("#fileList").datagrid('deleteRow', index); } //日期格式 function dateformatter(value) { if (!value) return ""; if (value instanceof Date) { return value.format("yyyy-MM-dd hh:mm"); } else if (value.indexOf("Date") != -1) { var date = new Date(); date.setTime(value.replace(/\/Date\((-?\d+)\)\//, '$1')); return date.format("yyyy-MM-dd hh:mm"); } else if ($.trim(value) != "") { var date = new Date(value.replace(/-/g, '/')); return date.format("yyyy-MM-dd hh:mm"); } } //日期格式 function dateparser(value) { if (!value) return new Date(); if (value.indexOf("Date") != -1) { var date = new Date(); date.setTime(value.replace(/\/Date\((-?\d+)\)\//, '$1')); return date; } else { var arr = value.split(' '); var arr1 = arr[0].split('-'); var arr2 = arr[1].split(':'); var y = parseInt(arr1[0], 10); var M = parseInt(arr1[1], 10); var d = parseInt(arr1[2], 10); var h = parseInt(arr2[0], 10); var m = parseInt(arr2[1], 10); if (!isNaN(y) && !isNaN(M) && !isNaN(d) && !isNaN(h) && !isNaN(m)) { return new Date(y, M - 1, d, h, m); } else { return new Date(); } } } //添加 function btnAdd() { var params = FormToJson($("#frm").serializeArray()); var att = $("#fileList").datagrid('getRows'); var check = $("#checkList").datagrid('getRows'); var audit = $("#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); } } }); } //保存 function save() { if (checkEndEdit() && auditEndEdit()) { $("#frm").submit(); } else { fnet.msg.info("请先保存校对记录和审核记录"); } } //返回 function back() { parent.$('#ttTab').tabs('select', "项目前期任务分配考核表"); var tab = parent.$('#ttTab').tabs('getSelected'); tab.find("iframe").contents().find("#btnSearch").click(); parent.$("#ttTab").tabs('close', '修改项目前期任务分配考核表'); } //选择项目前期任务单 function selBeforeProtast() { $.iDialog({ title: '选择项目前期任务单', 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) { var pos = data.Attachment.lastIndexOf('/'); var len = data.Attachment.length - pos; var name = data.Attachment.substr(pos + 1, len); $("#attachment").html(name); $("#attachment").attr("href", "DownloadFile?name=" + escape(name) + "&url=" + escape(data.Attachment)); } }); //调用子窗口的函数 } }); } //选择人员 function selemp(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); }); //调用子窗口的函数 } }); } // checkList操作开始 =================================================================================== //编辑行索引 var checkEditIndex = undefined; //结束编辑 function checkEndEdit() { if (checkEditIndex == undefined) { return true } if ($('#checkList').datagrid('validateRow', checkEditIndex)) { $('#checkList').datagrid('endEdit', checkEditIndex); checkEditIndex = undefined; var rows = $('#checkList').datagrid('getRows'); calCheckTotal(rows); return true; } else { return false; } } //点击行 function checkClickRow(index) { if (checkEditIndex != index) { if (checkEndEdit()) { $('#checkList').datagrid('selectRow', index) .datagrid('beginEdit', index); checkEditIndex = index; } else { $('#checkList').datagrid('selectRow', checkEditIndex); } } } //添加行 function checkAdd() { if (checkEndEdit()) { $('#checkList').datagrid('appendRow', {}); checkEditIndex = $('#checkList').datagrid('getRows').length - 1; $('#checkList').datagrid('selectRow', checkEditIndex) .datagrid('beginEdit', checkEditIndex); } } //删除行 function checkDel() { if (checkEditIndex == undefined) { return } $('#checkList').datagrid('cancelEdit', checkEditIndex) .datagrid('deleteRow', checkEditIndex); checkEditIndex = undefined; } //临时保存 function checkOK() { if (checkEndEdit()) { $('#checkList').datagrid('acceptChanges'); } } //重新查询，显示第一页 function loadcheckgrid(type, entryNoticeId, proTaskId) { $('#checkList').datagrid('load', { type: type, entryNoticeId: entryNoticeId, proTaskId: proTaskId }); $('#checkList').datagrid('clearSelections'); } // checkList操作结束 =================================================================================== // auditList操作开始 =================================================================================== //编辑行索引 var auditEditIndex = undefined; //结束编辑 function auditEndEdit() { if (auditEditIndex == undefined) { return true } if ($('#auditList').datagrid('validateRow', auditEditIndex)) { $('#auditList').datagrid('endEdit', auditEditIndex); auditEditIndex = undefined; var rows = $('#checkList').datagrid('getRows'); calAuditTotal(rows); return true; } else { return false; } } //点击行 function auditClickRow(index) { if (auditEditIndex != index) { if (auditEndEdit()) { $('#auditList').datagrid('selectRow', index) .datagrid('beginEdit', index); auditEditIndex = index; } else { $('#auditList').datagrid('selectRow', auditEditIndex); } } } //添加行 function auditAdd() { if (auditEndEdit()) { $('#auditList').datagrid('appendRow', {}); auditEditIndex = $('#auditList').datagrid('getRows').length - 1; $('#auditList').datagrid('selectRow', auditEditIndex) .datagrid('beginEdit', auditEditIndex); } } //删除行 function auditDel() { if (auditEditIndex == undefined) { return } $('#auditList').datagrid('cancelEdit', auditEditIndex) .datagrid('deleteRow', auditEditIndex); auditEditIndex = undefined; } //临时保存 function auditOK() { if (auditEndEdit()) { $('#auditList').datagrid('acceptChanges'); } } //重新查询，显示第一页 function loadauditgrid(type, entryNoticeId, proTaskId) { $('#auditList').datagrid('load', { type: type, entryNoticeId: entryNoticeId, proTaskId: proTaskId }); $('#auditList').datagrid('clearSelections'); } // auditList操作结束 =================================================================================== </script> <form id="frm" action=""> <div class="label"> <input type="button" class="submit_btn" value="保存" onclick="save()" style="float: right;" /> <input type="button" class="submit_btn" value="返回" onclick="back()" style="float: right;" /> </div> <div class="info" style="margin-top: 37px;"> <div class="info_tt"> <span class="info_tt1">基础信息</span>（带<i class="red"> * </i>号项必填) <span class="pucker2"> </span> </div> <div class="info_con" style="padding-top: 5px;"> <table width="100%" border="0" bgcolor="#f9f7f7" cellspacing="1" cellpadding="1"> <tr> <td class="txt_right"> 单号： </td> <td class="txt_left"> <input type="hidden" name="id" value="@beforeAllocation.id" /> <input type="hidden" class="xinxi_txt" id="billCode" name="billCode" value="@beforeAllocation.billCode" /> <span>@beforeAllocation.billCode</span> </td> <td class="txt_right"> </td> <td class="txt_left"> </td> </tr> <tr> <td class="txt_right"> 制单人： </td> <td class="txt_left"> <input type="hidden" class="xinxi_txt" id="billCreator" name="billCreator" value="@ViewBag.employeeCode" /> <span>@ViewBag.employeeName</span> </td> <td class="txt_right"> 制单时间： </td> <td class="txt_left"> <input type="hidden" class="xinxi_txt" id="billDate" name="billDate" value="@DateTime.Now.ToString("yyyy-MM-dd HH:mm")" /> <span>@DateTime.Now.ToString("yyyy-MM-dd HH:mm")</span> </td> </tr> <tr> <td class="txt_right"> <i class="red">*</i>项目前期任务单： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="beforeBillCode" name="beforeBillCode" value="@beforeAllocation.beforeBillCode" readonly="readonly" onclick="selBeforeProtast()" /> <input type="hidden" id="projectCode" name="projectCode" value="@(beforeAllocation.ProjectInfo == null ? "" : beforeAllocation.ProjectInfo.billCode)" /> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="selBeforeProtast()" data-options="iconCls:'icon-search'">选择</a> </td> <td class="txt_right"> 项目名称： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="projectName" name="projectName" value="@(beforeAllocation.ProjectInfo == null ? "" : beforeAllocation.ProjectInfo.projectName)" readonly="readonly" disabled="disabled" /> </td> </tr> <tr> <td class="txt_right"> <i class="red">*</i>任务类型： </td> <td class="txt_left"> <select id="taskType" name="taskType" editable="false" style="width: 153px" class="xueli"> <option value=""></option> <option value="0" @(beforeAllocation.taskType == "0" ? "selected='selected'" : "") > 载荷图</option> <option value="1" @(beforeAllocation.taskType == "1" ? "selected='selected'" : "") > 方案图</option> <option value="2" @(beforeAllocation.taskType == "2" ? "selected='selected'" : "") > 工程量统计</option> <option value="3" @(beforeAllocation.taskType == "3" ? "selected='selected'" : "") > 载荷图与工程量统计</option> </select> </td> <td class="txt_right"> 提资附件： </td> <td class="txt_left"> @{ string attachmentName = ""; string attachmentHref = ""; if (beforeAllocation.BeforeProtast != null && !string.IsNullOrWhiteSpace(beforeAllocation.BeforeProtast.attachment)) { int pos = beforeAllocation.BeforeProtast.attachment.LastIndexOf('/'); int len = beforeAllocation.BeforeProtast.attachment.Length - pos - 1; attachmentName = beforeAllocation.BeforeProtast.attachment.Substring(pos + 1, len); attachmentHref = "DownloadFile?name=" + Server.UrlEncode(attachmentName) + "&url=" + Server.UrlEncode(beforeAllocation.BeforeProtast.attachment); } } <a id="attachment" href="@attachmentHref" target="_blank">@attachmentName</a> </td> </tr> <tr> <td class="txt_right"> 任务内容附件上传： </td> <td class="txt_left" colspan="3"> <table id="fileList" style="width: 90%;"> </table> <input type="file" id="uploadify" name="uploadify" style="width: 400px;" /> </td> </tr> <tr> <td class="txt_right"> 暂停原因： </td> <td class="txt_left" colspan="3"> <textarea type="text" class="xinxi_txt" id="stopReason" name="stopReason" style="width: 90%;">@beforeAllocation.stopReason</textarea> </td> </tr> <tr> <td class="txt_right"> 暂停时间： </td> <td class="txt_left" colspan="3"> <input type="text" class="xinxi_txt" id="stopTime" name="stopTime" value="@(beforeAllocation.stopTime.HasValue ? beforeAllocation.stopTime.Value.ToString("yyyy-MM-dd HH:mm") : "")" readonly="readonly" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'1900-01-01'})" value="" /> </td> </tr> <tr> <td class="txt_right"> 备注： </td> <td class="txt_left" colspan="3"> <textarea class="xinxi_txt" id="remark" name="remark" style="width: 90%;">@beforeAllocation.remark</textarea> </td> </tr> </table> </div> <div class="info"> <div class="info_tt"> <span class="info_tt1">审核评分</span>（带<i class="red"> * </i>号项必填) <span class="pucker2"> </span> </div> <div class="info_con" style="padding-top: 5px;"> <table width="100%" border="0" bgcolor="#f9f7f7" cellspacing="1" cellpadding="1"> <tr> <td class="txt_right"> <i class="red">*</i>项目编号： </td> <td class="txt_left" colspan="3"> <span id="productCodeShow">@(beforeAllocation.ProjectInfo == null ? "" : beforeAllocation.ProjectInfo.billCode)</span> </td> </tr> <tr> <td class="txt_right"> <i class="red">*</i>设计内容： </td> <td class="txt_left" colspan="3"> <textarea class="xinxi_txt" id="desingContent" name="desingContent" style="width: 90%;">@beforeAllocation.desingContent</textarea> </td> </tr> <tr> <td class="txt_right"> <i class="red">*</i>设计人： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="desinger" name="desingerShow" value="@(beforeAllocation.Desinger == null ? "" : beforeAllocation.Desinger.name)" readonly="readonly" /> <input type="hidden" name="desinger" value= "@(beforeAllocation.Desinger == null ? "" : beforeAllocation.Desinger.employeeCode)"/> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="selemp('desinger')" data-options="iconCls:'icon-search'">选择</a> </td> <td class="txt_right"> <i class="red">*</i>校对人： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="checker" name="checkerShow" value="@(beforeAllocation.Checker == null ? "" : beforeAllocation.Checker.name)" readonly="readonly" /> <input type="hidden" name="checker" value="@(beforeAllocation.Checker == null ? "" : beforeAllocation.Checker.employeeCode)" /> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="selemp('checker')" data-options="iconCls:'icon-search'">选择</a> </td> </tr> <tr> <td class="txt_right"> <i class="red">*</i>审核人： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="auditor" name="auditorShow" value="@(beforeAllocation.Auditor == null ? "" : beforeAllocation.Auditor.name)" readonly="readonly" /> <input type="hidden" name="auditor" value="@(beforeAllocation.Auditor == null ? "" : beforeAllocation.Auditor.employeeCode)"/> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="selemp('auditor')" data-options="iconCls:'icon-search'">选择</a> </td> <td class="txt_right"> <i class="red">*</i>审核人打分： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="auditorScore" name="auditorScore" value="@beforeAllocation.auditorScore" /> </td> </tr> <tr> <td class="txt_right"> <i class="red">*</i>审定人： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="confirmPerson" name="confirmPersonShow" value="@(beforeAllocation.ConfirmPerson == null ? "" : beforeAllocation.ConfirmPerson.name)" readonly="readonly" /> <input type="hidden" name="confirmPerson" value="@(beforeAllocation.ConfirmPerson == null ? "" : beforeAllocation.ConfirmPerson.employeeCode)" /> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="selemp('confirmPerson')" data-options="iconCls:'icon-search'">选择</a> </td> <td class="txt_right"> </td> <td class="txt_left"> </td> </tr> <tr> <td class="txt_right"> 任务开始时间： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="startDate" name="startDate" readonly="readonly" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'1900-01-01'})" value="@(beforeAllocation.startDate.HasValue ? beforeAllocation.startDate.Value.ToString("yyyy-MM-dd HH:mm") : "")" /> </td> <td class="txt_right"> 任务结束时间： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="endDate" name="endDate" readonly="readonly" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'1900-01-01'})" value="@(beforeAllocation.endDate.HasValue ? beforeAllocation.endDate.Value.ToString("yyyy-MM-dd HH:mm") : "")" /> </td> </tr> <tr> <td class="txt_right"> 要求用时： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="needTime" name="needTime" value="@beforeAllocation.needTime" /> </td> <td class="txt_right"> 实际用时： </td> <td class="txt_left"> <input type="text" class="xinxi_txt" id="factTime" name="factTime" value="@beforeAllocation.factTime"/> </td> </tr> <tr> <td class="txt_right"> 评分： </td> <td class="txt_left" colspan="3"> <input type="text" class="xinxi_txt" id="score" name="score" value="@beforeAllocation.score" /> </td> </tr> <tr> <td class="txt_right"> 备注： </td> <td class="txt_left" colspan="3"> <textarea class="xinxi_txt" id="scoreRemark" name="scoreRemark" style="width: 90%;">@beforeAllocation.scoreRemark</textarea> </td> </tr> </table> </div> </div> <div class="info"> <div class="info_tt"> <span class="info_tt1">校对记录</span>（带<i class="red"> * </i>号项必填) <span class="pucker2"> </span><a class="del" onclick="checkDel()" href="javascript:void(0)">删除</a> <a class="sure" onclick="checkOK()" href="javascript:void(0)">确认</a> <a class="add" onclick="checkAdd()" href="javascript:void(0)">添加</a> </div> <div class="info_con" style="padding: 0;"> <table id="checkList"> </table> <div id="checkTotal" style="padding: 5px; text-align: right;"> </div> </div> </div> <div class="info"> <div class="info_tt"> <span class="info_tt1">审核记录</span>（带<i class="red"> * </i>号项必填) <span class="pucker2"> </span><a class="del" onclick="auditDel()" href="javascript:void(0)">删除</a> <a class="sure" onclick="auditOK()" href="javascript:void(0)">确认</a> <a class="add" onclick="auditAdd()" href="javascript:void(0)">添加</a> </div> <div class="info_con" style="padding: 0;"> <table id="auditList"> </table> <div id="auditTotal" style="padding: 5px; text-align: right;"> </div> </div> </div> </div> </form>
