表格数据编辑 一点Edit时候,你这不是出现个update按钮吗 ,你在多设计个取消按钮,点击Edit时候吧原始数据记下,点击取消,在放回去,之后隐藏update和取消按钮。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 创建一个全局变量 var data = {};inputstring方法里面 data[id] = [values]存起来恢复的时候在取出来 var data = {};function inputstring(id) { var strings; if (id == -1) { strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>" } else { var date = $('#date' + id).text(); var plan = $('#plan' + id).text(); var actual = $('#actual' + id).text(); data[id] = [date ,plan ,actual]; date=date.trim(); date=date+'-01'; console.info(date); date=date.trim(); console.info(date); strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a></td>" } return strings;}function cancel(id){ var date = data[0]; var plan = data[1]; var actual = data[2]; .....} 用cancel方法把值设回去就行了啊 <h1>success.vm</h1>$webResourceManager.requireResource("com.shan.PipeLine:PipeLineResource") <form method='post' id='Form1'><table class="aui" width="700"> <div class="search-container"> <a href="#" class="aui-button" id="newID" onclick="javascript:newone()">new</a> </div><thead > <tr > <th width="120" align="left" heigth="8"> Date </th> <th width="120" align="left" heigth="8"> Plan </th> <th width="120" align="left" heigth="8"> Actual </th> <th width="120" align="left" heigth="8"> Operation </th> </tr></thead><tbody >#foreach($l in $list) <tr id="data$l.getID()"> <td id="date$l.getID()" > #set($year=$l.getPipelineDate().getYear()+1900) #set($minus='-') #if($month<9) #set($month="0$month") #end #set($yearmonth=" $year$minus$month") $yearmonth </td> <td id="plan$l.getID()"> $l.getPipelinePlan() </td> <td id="actual$l.getID()"> $l.getPipelineActual() </td> <td > <input class="aui-button" id="editID" type="button" onclick="javascript:edit($l.getID())" value="Edit"> <input type="button" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())" value="Delete" /> </td> </tr>#end</tbody></table></form><img src="/download/resources/com.shan.PipeLine:PipeLineResource/images/example.png" /><script type="text/javascript">function newone() { if (window['added'] == 0) { var s = inputstring(-1); $('tbody').html(s + $('tbody').html()); window['added'] = 1; window['edited'] = 1; window['deleted'] = 1; } document.getElementById('newID').disabled = false; $('input[id="editID"]').attr('disabled',true); $('input[id="deleteID"]').attr('disabled',true); }window['added'] = 0;window['edited'] = 0;window['deleted'] = 0;function inputstring(id) { var strings; if (id == -1) { strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>" } else { var date = $('#date' + id).text(); var plan = $('#plan' + id).text(); var actual = $('#actual' + id).text(); date=date.trim(); date=date+'-01'; console.info(date); date=date.trim(); console.info(date); strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a><a href='#' class='aui-button' onclick='javascript:back("+id+")'>取消</a></td>" } return strings;}function add(){ window['added'] = 0; window['edited'] = 0; window['deleted'] = 0; var plan =document.getElementById("plan").value; var actual =document.getElementById("actual").value; var date =document.getElementById("date").value; date=transdate(date); datastr="type=1&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date; jsubmit(datastr);}function edit(id) { if (window['edited'] == 0) { var s = inputstring(id); $('#data'+ id).html(s); contents=$('#data'+id).html(); window['added'] = 1; window['edited'] = 1; window['deleted'] = 1; }}function back(id){$('#data'+id).html(contents);}function update(id){ var plan =document.getElementById("plan").value; var actual =document.getElementById("actual").value; var date =document.getElementById("date").value; date=transdate(date); datastr="type=2&id="+id+"&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date; jsubmit(datastr); window['added'] = 0; window['edited'] = 0; window['deleted'] = 0;}function deletes(id){if (window['deleted'] == 0) {datastr= "type=3&id="+id+"&issueID="+$issueID;jsubmit(datastr);}}function transdate(endTime){var date=new Date();date.setFullYear(endTime.substring(0,4));date.setMonth(endTime.substring(5,7)-1);date.setDate(endTime.substring(8,10));date.setHours(endTime.substring(11,13));date.setMinutes(endTime.substring(14,16));date.setSeconds(endTime.substring(17,19));return Date.parse(date)/1000;}function jsubmit(datastr){jQuery.ajax({ type: "post", url: "/MyWebworkModuleAction.jspa", data: datastr, success: function(data){ console.info(data); var first=data.indexOf("<form method='post' id='Form1'>"); var last=data.indexOf("</form>")+7; data= data.substring(first,last); console.info(first); console.info(last); console.info(data); jQuery("#Form1").html(data); }, });} </script> <h1>success.vm</h1>$webResourceManager.requireResource("com.shan.PipeLine:PipeLineResource") <form method='post' id='Form1'><table class="aui" width="700"> <div class="search-container"> <a href="#" class="aui-button" id="newID" onclick="javascript:newone()">new</a> </div><thead > <tr > <th width="120" align="left" heigth="8"> Date </th> <th width="120" align="left" heigth="8"> Plan </th> <th width="120" align="left" heigth="8"> Actual </th> <th width="120" align="left" heigth="8"> Operation </th> </tr></thead><tbody >#foreach($l in $list) <tr id="data$l.getID()"> <td id="date$l.getID()" > #set($year=$l.getPipelineDate().getYear()+1900) #set($minus='-') #if($month<9) #set($month="0$month") #end #set($yearmonth=" $year$minus$month") $yearmonth </td> <td id="plan$l.getID()"> $l.getPipelinePlan() </td> <td id="actual$l.getID()"> $l.getPipelineActual() </td> <td > <input class="aui-button" id="editID" type="button" onclick="javascript:edit($l.getID())" value="Edit"> <input type="button" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())" value="Delete" /> </td> </tr>#end</tbody></table></form><img src="/download/resources/com.shan.PipeLine:PipeLineResource/images/example.png" /><script type="text/javascript">function newone() { if (window['added'] == 0) { var s = inputstring(-1); $('tbody').html(s + $('tbody').html()); window['added'] = 1; window['edited'] = 1; window['deleted'] = 1; } document.getElementById('newID').disabled = false; $('input[id="editID"]').attr('disabled',true); $('input[id="deleteID"]').attr('disabled',true); }window['added'] = 0;window['edited'] = 0;window['deleted'] = 0;function inputstring(id) { var strings; if (id == -1) { strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>" } else { date = $('#date' + id).text(); plan = $('#plan' + id).text(); actual = $('#actual' + id).text(); date=date.trim(); date=date+'-01'; console.info(date); date=date.trim(); console.info(date); strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a><a href='#' class='aui-button' onclick='javascript:back("+id+")'>取消</a></td>" } return strings;}function add(){ window['added'] = 0; window['edited'] = 0; window['deleted'] = 0; var plan =document.getElementById("plan").value; var actual =document.getElementById("actual").value; var date =document.getElementById("date").value; date=transdate(date); datastr="type=1&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date; jsubmit(datastr);}function edit(id) { if (window['edited'] == 0) { var s = inputstring(id); $('#data'+ id).html(s); contents=$('#data'+id).html(); window['added'] = 1; window['edited'] = 1; window['deleted'] = 1; }}function back(id){ $('#date' + id).text()=date; $('#plan' + id).text()= plan; $('#actual' + id).text()=actual;}function update(id){ var plan =document.getElementById("plan").value; var actual =document.getElementById("actual").value; var date =document.getElementById("date").value; date=transdate(date); datastr="type=2&id="+id+"&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date; jsubmit(datastr); window['added'] = 0; window['edited'] = 0; window['deleted'] = 0;}function deletes(id){if (window['deleted'] == 0) {datastr= "type=3&id="+id+"&issueID="+$issueID;jsubmit(datastr);}}function transdate(endTime){var date=new Date();date.setFullYear(endTime.substring(0,4));date.setMonth(endTime.substring(5,7)-1);date.setDate(endTime.substring(8,10));date.setHours(endTime.substring(11,13));date.setMinutes(endTime.substring(14,16));date.setSeconds(endTime.substring(17,19));return Date.parse(date)/1000;}function jsubmit(datastr){jQuery.ajax({ type: "post", url: "/MyWebworkModuleAction.jspa", data: datastr, success: function(data){ console.info(data); var first=data.indexOf("<form method='post' id='Form1'>"); var last=data.indexOf("</form>")+7; data= data.substring(first,last); console.info(first); console.info(last); console.info(data); jQuery("#Form1").html(data); }, });} </script> <h1>success.vm</h1>$webResourceManager.requireResource("com.shan.PipeLine:PipeLineResource") <form method='post' id='Form1'><table class="aui" width="700"> <div class="search-container"> <a href="#" class="aui-button" id="newID" onclick="javascript:newone()">new</a> </div><thead > <tr > <th width="120" align="left" heigth="8"> Date </th> <th width="120" align="left" heigth="8"> Plan </th> <th width="120" align="left" heigth="8"> Actual </th> <th width="120" align="left" heigth="8"> Operation </th> </tr></thead><tbody >#foreach($l in $list) <tr id="data$l.getID()"> <td id="date$l.getID()" > #set($year=$l.getPipelineDate().getYear()+1900) #set($minus='-') #if($month<9) #set($month="0$month") #end #set($yearmonth=" $year$minus$month") $yearmonth </td> <td id="plan$l.getID()"> $l.getPipelinePlan() </td> <td id="actual$l.getID()"> $l.getPipelineActual() </td> <td > <input class="aui-button" id="editID" type="button" onclick="javascript:edit($l.getID())" value="Edit"> <input type="button" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())" value="Delete" /> </td> </tr>#end</tbody></table></form><img src="/download/resources/com.shan.PipeLine:PipeLineResource/images/example.png" /><script type="text/javascript">function newone() { if (window['added'] == 0) { var s = inputstring(-1); $('tbody').html(s + $('tbody').html()); window['added'] = 1; window['edited'] = 1; window['deleted'] = 1; } document.getElementById('newID').disabled = false; $('input[id="editID"]').attr('disabled',true); $('input[id="deleteID"]').attr('disabled',true); }window['added'] = 0;window['edited'] = 0;window['deleted'] = 0;function inputstring(id) { var strings; if (id == -1) { strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>" } else { var date = $('#date' + id).text(); var plan = $('#plan' + id).text(); var actual = $('#actual' + id).text(); date=date.trim(); date=date+'-01'; console.info(date); date=date.trim(); console.info(date); strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a><a href='#' class='aui-button' onclick='javascript:back("+id+")'>取消</a></td>" } return strings;}function add(){ window['added'] = 0; window['edited'] = 0; window['deleted'] = 0; var plan =document.getElementById("plan").value; var actual =document.getElementById("actual").value; var date =document.getElementById("date").value; date=transdate(date); datastr="type=1&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date; jsubmit(datastr);}function edit(id) { if (window['edited'] == 0) { contents=$('#data'+id).html();//记录原始数据,全局的变量第一次发的那个记录的是修改后的数据 var s = inputstring(id); $('#data'+ id).html(s); window['added'] = 1; window['edited'] = 1; window['deleted'] = 1; }}function back(id){$('#data'+id).html(contents);//取消时候得到原始数据赋值}function update(id){ var plan =document.getElementById("plan").value; var actual =document.getElementById("actual").value; var date =document.getElementById("date").value; date=transdate(date); datastr="type=2&id="+id+"&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date; jsubmit(datastr); window['added'] = 0; window['edited'] = 0; window['deleted'] = 0;}function deletes(id){if (window['deleted'] == 0) {datastr= "type=3&id="+id+"&issueID="+$issueID;jsubmit(datastr);}}function transdate(endTime){var date=new Date();date.setFullYear(endTime.substring(0,4));date.setMonth(endTime.substring(5,7)-1);date.setDate(endTime.substring(8,10));date.setHours(endTime.substring(11,13));date.setMinutes(endTime.substring(14,16));date.setSeconds(endTime.substring(17,19));return Date.parse(date)/1000;}function jsubmit(datastr){jQuery.ajax({ type: "post", url: "/MyWebworkModuleAction.jspa", data: datastr, success: function(data){ console.info(data); var first=data.indexOf("<form method='post' id='Form1'>"); var last=data.indexOf("</form>")+7; data= data.substring(first,last); console.info(first); console.info(last); console.info(data); jQuery("#Form1").html(data); }, });} </script> 这一种不行,上一种有cancel的效果,不过cancel后没有回到最初的页面,也就是edit delete的页面 这一种不行,上一种有cancel的效果,不过cancel后没有回到最初的页面,也就是edit delete的页面最后给你发的可以了 ,你试试吧 jquery制作web桌面 js里面this的具体用法,在线等 请教两个问题 1,如何在一个页面控制另一个页面的元素! 通过点击导航菜单转出不同的main内容 js弹出窗口问题 关于比较运算的问题 页面返回和刷新问题 如何获取IFrame所加载的文件的内容 晕了,各位拉一把吧 新开一篇:每个做js的人最终都要遇上的经典问题 Jquery在子页面获取父页面信息,在线等 通过js新增的text如何在新增text文本框时保留原来text的值
inputstring方法里面 data[id] = [values]存起来
恢复的时候在取出来
var data = {};
function inputstring(id) {
var strings;
if (id == -1) {
strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>"
} else {
var date = $('#date' + id).text();
var plan = $('#plan' + id).text();
var actual = $('#actual' + id).text();
data[id] = [date ,plan ,actual];
date=date.trim();
date=date+'-01';
console.info(date);
date=date.trim();
console.info(date);
strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a></td>"
}
return strings;
}
function cancel(id){
var date = data[0];
var plan = data[1];
var actual = data[2];
.....
}
<table class="aui" width="700">
<div class="search-container">
<a href="#" class="aui-button" id="newID" onclick="javascript:newone()">new</a>
</div>
<thead >
<tr >
<th width="120" align="left" heigth="8">
Date
</th>
<th width="120" align="left" heigth="8">
Plan
</th>
<th width="120" align="left" heigth="8">
Actual
</th>
<th width="120" align="left" heigth="8">
Operation
</th>
</tr>
</thead>
<tbody >
#foreach($l in $list)
<tr id="data$l.getID()">
<td id="date$l.getID()" >
#set($year=$l.getPipelineDate().getYear()+1900)
#set($minus='-')
#if($month<9)
#set($month="0$month")
#end
#set($yearmonth=" $year$minus$month")
$yearmonth
</td>
<td id="plan$l.getID()">
$l.getPipelinePlan()
</td>
<td id="actual$l.getID()">
$l.getPipelineActual()
</td>
<td >
<input class="aui-button" id="editID" type="button" onclick="javascript:edit($l.getID())" value="Edit">
<input type="button" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())" value="Delete" />
</td>
</tr>
#end</tbody>
</table>
</form>
<img src="/download/resources/com.shan.PipeLine:PipeLineResource/images/example.png" />
<script type="text/javascript">
function newone() { if (window['added'] == 0) {
var s = inputstring(-1);
$('tbody').html(s + $('tbody').html());
window['added'] = 1;
window['edited'] = 1;
window['deleted'] = 1;
}
document.getElementById('newID').disabled = false;
$('input[id="editID"]').attr('disabled',true);
$('input[id="deleteID"]').attr('disabled',true);
}
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
function inputstring(id) {
var strings; if (id == -1) {
strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>"
} else {
var date = $('#date' + id).text();
var plan = $('#plan' + id).text();
var actual = $('#actual' + id).text();
date=date.trim();
date=date+'-01';
console.info(date);
date=date.trim();
console.info(date);
strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a><a href='#' class='aui-button' onclick='javascript:back("+id+")'>取消</a></td>"
}
return strings;
}function add(){
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
var plan =document.getElementById("plan").value;
var actual =document.getElementById("actual").value;
var date =document.getElementById("date").value;
date=transdate(date);
datastr="type=1&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
}function edit(id) {
if (window['edited'] == 0) {
var s = inputstring(id);
$('#data'+
id).html(s);
contents=$('#data'+id).html();
window['added'] = 1;
window['edited'] = 1;
window['deleted'] = 1;
}
}
function back(id){
$('#data'+id).html(contents);
}function update(id){
var plan =document.getElementById("plan").value;
var actual =document.getElementById("actual").value;
var date =document.getElementById("date").value;
date=transdate(date);
datastr="type=2&id="+id+"&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
}
function deletes(id){
if (window['deleted'] == 0) {
datastr= "type=3&id="+id+"&issueID="+$issueID;
jsubmit(datastr);
}
}
function transdate(endTime){
var date=new Date();
date.setFullYear(endTime.substring(0,4));
date.setMonth(endTime.substring(5,7)-1);
date.setDate(endTime.substring(8,10));
date.setHours(endTime.substring(11,13));
date.setMinutes(endTime.substring(14,16));
date.setSeconds(endTime.substring(17,19));
return Date.parse(date)/1000;
}
function jsubmit(datastr){
jQuery.ajax({
type: "post",
url: "/MyWebworkModuleAction.jspa",
data: datastr,
success: function(data){
console.info(data);
var first=data.indexOf("<form method='post' id='Form1'>");
var last=data.indexOf("</form>")+7;
data= data.substring(first,last);
console.info(first);
console.info(last);
console.info(data);
jQuery("#Form1").html(data);
},
});
}
</script>
<table class="aui" width="700">
<div class="search-container">
<a href="#" class="aui-button" id="newID" onclick="javascript:newone()">new</a>
</div>
<thead >
<tr >
<th width="120" align="left" heigth="8">
Date
</th>
<th width="120" align="left" heigth="8">
Plan
</th>
<th width="120" align="left" heigth="8">
Actual
</th>
<th width="120" align="left" heigth="8">
Operation
</th>
</tr>
</thead>
<tbody >
#foreach($l in $list)
<tr id="data$l.getID()">
<td id="date$l.getID()" >
#set($year=$l.getPipelineDate().getYear()+1900)
#set($minus='-')
#if($month<9)
#set($month="0$month")
#end
#set($yearmonth=" $year$minus$month")
$yearmonth
</td>
<td id="plan$l.getID()">
$l.getPipelinePlan()
</td>
<td id="actual$l.getID()">
$l.getPipelineActual()
</td>
<td >
<input class="aui-button" id="editID" type="button" onclick="javascript:edit($l.getID())" value="Edit">
<input type="button" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())" value="Delete" />
</td>
</tr>
#end</tbody>
</table>
</form>
<img src="/download/resources/com.shan.PipeLine:PipeLineResource/images/example.png" />
<script type="text/javascript">
function newone() { if (window['added'] == 0) {
var s = inputstring(-1);
$('tbody').html(s + $('tbody').html());
window['added'] = 1;
window['edited'] = 1;
window['deleted'] = 1;
}
document.getElementById('newID').disabled = false;
$('input[id="editID"]').attr('disabled',true);
$('input[id="deleteID"]').attr('disabled',true);
}
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
function inputstring(id) {
var strings; if (id == -1) {
strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>"
} else {
date = $('#date' + id).text();
plan = $('#plan' + id).text();
actual = $('#actual' + id).text();
date=date.trim();
date=date+'-01';
console.info(date);
date=date.trim();
console.info(date);
strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a><a href='#' class='aui-button' onclick='javascript:back("+id+")'>取消</a></td>"
}
return strings;
}function add(){
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
var plan =document.getElementById("plan").value;
var actual =document.getElementById("actual").value;
var date =document.getElementById("date").value;
date=transdate(date);
datastr="type=1&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
}function edit(id) {
if (window['edited'] == 0) {
var s = inputstring(id);
$('#data'+
id).html(s);
contents=$('#data'+id).html();
window['added'] = 1;
window['edited'] = 1;
window['deleted'] = 1;
}
}
function back(id){
$('#date' + id).text()=date;
$('#plan' + id).text()= plan;
$('#actual' + id).text()=actual;
}function update(id){
var plan =document.getElementById("plan").value;
var actual =document.getElementById("actual").value;
var date =document.getElementById("date").value;
date=transdate(date);
datastr="type=2&id="+id+"&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
}
function deletes(id){
if (window['deleted'] == 0) {
datastr= "type=3&id="+id+"&issueID="+$issueID;
jsubmit(datastr);
}
}
function transdate(endTime){
var date=new Date();
date.setFullYear(endTime.substring(0,4));
date.setMonth(endTime.substring(5,7)-1);
date.setDate(endTime.substring(8,10));
date.setHours(endTime.substring(11,13));
date.setMinutes(endTime.substring(14,16));
date.setSeconds(endTime.substring(17,19));
return Date.parse(date)/1000;
}
function jsubmit(datastr){
jQuery.ajax({
type: "post",
url: "/MyWebworkModuleAction.jspa",
data: datastr,
success: function(data){
console.info(data);
var first=data.indexOf("<form method='post' id='Form1'>");
var last=data.indexOf("</form>")+7;
data= data.substring(first,last);
console.info(first);
console.info(last);
console.info(data);
jQuery("#Form1").html(data);
},
});
}
</script>
<table class="aui" width="700">
<div class="search-container">
<a href="#" class="aui-button" id="newID" onclick="javascript:newone()">new</a>
</div>
<thead >
<tr >
<th width="120" align="left" heigth="8">
Date
</th>
<th width="120" align="left" heigth="8">
Plan
</th>
<th width="120" align="left" heigth="8">
Actual
</th>
<th width="120" align="left" heigth="8">
Operation
</th>
</tr>
</thead>
<tbody >
#foreach($l in $list)
<tr id="data$l.getID()">
<td id="date$l.getID()" >
#set($year=$l.getPipelineDate().getYear()+1900)
#set($minus='-')
#if($month<9)
#set($month="0$month")
#end
#set($yearmonth=" $year$minus$month")
$yearmonth
</td>
<td id="plan$l.getID()">
$l.getPipelinePlan()
</td>
<td id="actual$l.getID()">
$l.getPipelineActual()
</td>
<td >
<input class="aui-button" id="editID" type="button" onclick="javascript:edit($l.getID())" value="Edit">
<input type="button" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())" value="Delete" />
</td>
</tr>
#end</tbody>
</table>
</form>
<img src="/download/resources/com.shan.PipeLine:PipeLineResource/images/example.png" />
<script type="text/javascript">
function newone() { if (window['added'] == 0) {
var s = inputstring(-1);
$('tbody').html(s + $('tbody').html());
window['added'] = 1;
window['edited'] = 1;
window['deleted'] = 1;
}
document.getElementById('newID').disabled = false;
$('input[id="editID"]').attr('disabled',true);
$('input[id="deleteID"]').attr('disabled',true);
}
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
function inputstring(id) {
var strings; if (id == -1) {
strings = "<div class='search-container'><tr><td style='heigth:8px width:120px'><input id='date' type='date' class='search-entry' style='width:110px' /></td><td style='heigth:8px width:120px'><input id='plan' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'><input id='actual' type='text' style='width:110px' class='search-entry' /></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:add()'>add</a></td></tr></div>"
} else {
var date = $('#date' + id).text();
var plan = $('#plan' + id).text();
var actual = $('#actual' + id).text();
date=date.trim();
date=date+'-01';
console.info(date);
date=date.trim();
console.info(date);
strings = "<td style='heigth:8px width:120px'><div class='search-container'><input id='date' type='date' class='search-entry' style='width:110px' value=" + date + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='plan' type='text' style='width:110px' class='search-entry' value=" + plan + " /></div></td><td style='heigth:8px width:120px'><div class='search-container'><input id='actual' type='text' style='width:110px' class='search-entry' value=" + actual + " /></div></td><td style='heigth:8px width:120px'> <a href='#' class='aui-button' onclick='javascript:update("+id+")'>update</a><a href='#' class='aui-button' onclick='javascript:back("+id+")'>取消</a></td>"
}
return strings;
}function add(){
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
var plan =document.getElementById("plan").value;
var actual =document.getElementById("actual").value;
var date =document.getElementById("date").value;
date=transdate(date);
datastr="type=1&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
}function edit(id) {
if (window['edited'] == 0) {
contents=$('#data'+id).html();//记录原始数据,全局的变量第一次发的那个记录的是修改后的数据
var s = inputstring(id);
$('#data'+
id).html(s);
window['added'] = 1;
window['edited'] = 1;
window['deleted'] = 1;
}
}
function back(id){
$('#data'+id).html(contents);//取消时候得到原始数据赋值
}
function update(id){
var plan =document.getElementById("plan").value;
var actual =document.getElementById("actual").value;
var date =document.getElementById("date").value;
date=transdate(date);
datastr="type=2&id="+id+"&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
window['added'] = 0;
window['edited'] = 0;
window['deleted'] = 0;
}
function deletes(id){
if (window['deleted'] == 0) {
datastr= "type=3&id="+id+"&issueID="+$issueID;
jsubmit(datastr);
}
}
function transdate(endTime){
var date=new Date();
date.setFullYear(endTime.substring(0,4));
date.setMonth(endTime.substring(5,7)-1);
date.setDate(endTime.substring(8,10));
date.setHours(endTime.substring(11,13));
date.setMinutes(endTime.substring(14,16));
date.setSeconds(endTime.substring(17,19));
return Date.parse(date)/1000;
}
function jsubmit(datastr){
jQuery.ajax({
type: "post",
url: "/MyWebworkModuleAction.jspa",
data: datastr,
success: function(data){
console.info(data);
var first=data.indexOf("<form method='post' id='Form1'>");
var last=data.indexOf("</form>")+7;
data= data.substring(first,last);
console.info(first);
console.info(last);
console.info(data);
jQuery("#Form1").html(data);
},
});
}
</script>