table 中自动插入行代码参考

table 中自动插入行代码参照

<SCRIPT language="JavaScript">
var j_1 = 1;
var del_flag = 0;
var del_num? = 0;
var real_row = 1;
var updateFlag = 1;//when equeal 1,can add row

function add_row_task(addflag){

?

?

?//出發時間
?newRow=document.all.task.insertRow(-1)
?newcell=newRow.insertCell()
?newRow.bgColor='#FFFFFF';
?newcell.className='STYLE3';
?newcell.align='center';
?newcell.innerHTML="<input type='text' name='TR_BEGIN_DATE_"+j_1+"' class='ipt'? style='WIDTH: 100%; font-size:9pt; color:#000000' onClick="getDATE(this,'yyyy/mm/dd')" onblur='dayCheck(this,1);'/>";
?//截止時間
newcell=newRow.insertCell() ;
?newRow.bgColor='#FFFFFF';
?newcell.className='STYLE3';
?newcell.align='center';
?newcell.innerHTML="<input type='text' name='TR_END_DATE_"+j_1+"' class='ipt' style='WIDTH: 100%; font-size:9pt; color:#000000' onClick="getDATE(this,'yyyy/mm/dd')" onblur='dayCheck(this,2);'/>";

?//出發地
?newcell=newRow.insertCell();
?newRow.bgColor='#E0F1FF';
?newcell.className='Default';??
?newcell.align='center';
?newcell.innerHTML="<SELECT name='TR_BEGIN_COUNTRY_"+j_1+"'? class='ipt'? onChange="checkAbTraval();" >"+
??????????????????????? " <option value=''>"+
????? "?? 请选择"+
????? "? </option>"+
????? "? <option value='zh'>"+
????? "?? 中国"+
????? "? </option>"+
????? "? <option value='tw'>"+
????? "?? 台湾"+
????? "? </option>"+
????? "? <option value='xg'>"+
????? "?? 香港"+
????? "? </option>"+
????? "? <option value='4'>"+
????? "?? 澳门"+
????? "? </option>"+
????? "? <option value='5'>"+
????? "?? 美国"+
????? "? </option>"+ "<input type='text' name='TR_BEGIN_PLACE_"+j_1+"'? class='ipt' style='WIDTH: 60px; font-size:9pt; color:#000000' />";

?
?//到達地
?newcell=newRow.insertCell() ;
?newRow.bgColor='#E0F1FF';
?newcell.className='Default';??
?newcell.align='center';
?newcell.innerHTML="<SELECT name='TR_END_COUNTRY_"+j_1+"' class='ipt'? onChange="checkAbTraval();" >"+
??????????????????????? " <option value=''>"+
????? "?? 请选择"+
????? "? </option>"+
????? "? <option value='zh'>"+
????? "?? 中国"+
????? "? </option>"+
????? "? <option value='tw'>"+
????? "?? 台湾"+
????? "? </option>"+
????? "? <option value='xg'>"+
????? "?? 香港"+
????? "? </option>"+
????? "? <option value='4'>"+
????? "?? 澳门"+
????? "? </option>"+
????? "? <option value='5'>"+
????? "?? 美国"+
????? "? </option>"+ "<input type='text' name='TR_END_PLACE_"+j_1+"'? class='ipt' style='WIDTH: 60px; font-size:9pt; color:#000000' />";

?//专案代码
?newcell=newRow.insertCell() ;
?newRow.bgColor='#E0F1FF';
?newcell.className='Default';??
?newcell.align='center';
?newcell.innerHTML="<input type='text' name='TR_PRJ_CODE_"+j_1+"'? class='ipt' style='WIDTH: 100%; font-size:9pt; color:#000000'?? onClick='get_prj_code();' onchange='get_prj_code();'/>";
?
//洽访单位
?newcell=newRow.insertCell() ;
?newRow.bgColor='#E0F1FF';
?newcell.className='Default';??
?newcell.align='center';
?newcell.innerHTML="<input type='text' name='TR_VISIT_UNIT_"+j_1+"'? class='ipt' style='WIDTH: 100%; font-size:9pt; color:#000000'/>";

?//洽访对象
?newcell=newRow.insertCell() ;
?newRow.bgColor='#E0F1FF';
?newcell.className='Default';??
?newcell.align='center';
?newcell.innerHTML="<input type='text' name='TR_VISIT_PERSON_"+j_1+"'? class='ipt' style='WIDTH: 100%; font-size:9pt; color:#000000' />";

?//任务描述
?newcell=newRow.insertCell() ;
?newRow.bgColor='#E0F1FF';
?newcell.className='Default';??
?newcell.align='center';
?newcell.innerHTML="<input type='text' name='TR_TASK_"+j_1+"'? class='ipt' style='WIDTH: 100%; font-size:9pt; color:#000000' />";

?
?newcell=newRow.insertCell() ;
?newRow.bgColor='#E0F1FF';
?newcell.className='Default';??
?newcell.align='center';
?newcell.innerHTML="<img src='img/btnDel.gif' onClick='deleteCurrentRowtask()' title = '删除'>";

?document.all.j_1.value = j_1;
? j_1++;
?
?document.all.real_row.value = real_row;
?real_row++;
?
?document.all.task.focus();
?
?autoValueofTaskPart(document.all.j_1.value,document.all.real_row.value);
}

//value 自動增設置值

?function autoValueofTaskPart(allNumber,realRow){
????
???var realTaskNumber = 0;
???if(realRow > 1 ){
???
????for(var i=allNumber -1; i >= 1; i--){
??????
??????//如果对象不存在
??????if(typeof(eval("document.all.TR_BEGIN_DATE_"+i)) == "undefined")
??????{
???????continue;
??????}
??????realTaskNumber ++;
??????
??????if(realTaskNumber == 1){
????
???????eval("document.all.TR_BEGIN_DATE_"+allNumber).value???= eval("document.all.TR_END_DATE_"+i).value;
???????eval("document.all.TR_BEGIN_COUNTRY_"+allNumber).value???= eval("document.all.TR_END_COUNTRY_"+i).value;
???????eval("document.all.TR_BEGIN_PLACE_"+allNumber).value???= eval("document.all.TR_END_PLACE_"+i).value;
??????}
?????}
?
???}
? }

?
?
?function deleteCurrentRowtask()//刪除當前行
{
? var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;
? document.all.task.deleteRow(currRowIndex);//table10--表格id
?? real_row--;
?? document.all.real_row.value = real_row-1;
?
?? del_flag? = 1;
?? del_num++; //删除数量自动增加，记录当前值
?document.all.del_flag.value = del_flag;
?document.all.del_num.value = del_num;
?
? //删除时，计算出差时间区间变化
?setTrDistince();
?
? //是否为国外出差
?? checkAbTraval()
}

?

//专案代码取得
function get_prj_code()
{
?? var j=event.srcElement.parentNode.parentNode.rowIndex-1;
?
?var tagName = event.srcElement.name;

?? KEY1 = "";
?KEY2 = document.all.BUKRS_REG.value;
?KEY3 = document.all.DEPT_ID_REG.value;
?KEY4 = "T";

?RTN1 = tagName;
??
?KEYS = "KEY1=" + KEY1 + "&KEY2=" + KEY2+ "&KEY3=" + KEY3+ "&KEY4=" + KEY4;
?RTNS = "RTN1=" + RTN1;
?
?if(KEY2 == ""){
?? alert("請選擇 '公司別'！");
?? return;
?}
?if(KEY3 == ""){
?? alert("請選擇 '請購部門'！");
?? return;
?}
?
?url = "WITSSEL/select_prj.aspx?" + KEYS + "&" + RTNS + "&" + Math.random();
?alfShowModal(url, 480, 500);
}

//日期检查和计算,
//1:此项是开始时间
//2：此项是结束时间；

? function dayCheck(obj,index)
?{
? var allRow = document.all.j_1.value;
? var j=event.srcElement.parentNode.parentNode.rowIndex-1;
? var TR_BEGIN_DATE = "";
? var TR_END_DATE?? = "";
? var m = 0;
?
? var del_flag = document.all.del_flag.value;
? var del_num? = document.all.del_num.value;
?
? //申请类别
? var TR_AP_TYPE = document.all.TR_AP_TYPE.value;
?
?if(allRow > 0){
??
???for(var i=1; i<= allRow; i++){
????//如果对象不存在
????if(typeof(eval("document.all.TR_BEGIN_DATE_"+i)) == "undefined")
????{
?????continue;
????}
????
????var tr_begin_date_app = new Date(eval("document.all.TR_BEGIN_DATE_"+i).value);
????var tr_end_date_app? = new Date(eval("document.all.TR_END_DATE_"+i).value);
????
????//先检验是否合法
????if(tr_end_date_app < tr_begin_date_app){
?????? alert("第" + j + "行'结束时间'必须不小于'开始时间'!");
?????obj.value = "";
?????obj.focus();
?????return false;
????}
???}
???
???for(var i=1; i<= allRow; i++){
????//如果对象不存在

????if(typeof(eval("document.all.TR_BEGIN_DATE_"+i)) == "undefined")
????{
?????continue;
????}
????
????var tr_begin_date_app = new Date(eval("document.all.TR_BEGIN_DATE_"+i).value);
????var tr_end_date_app? = new Date(eval("document.all.TR_END_DATE_"+i).value);
????
????//先检验是否合法
???? var nameStr = giveTheTagName();
???
???? if((nameStr.substring(14) - 0) == i){
??????? continue;
???? }
????
???? if(nameStr.indexOf("TR_BEGIN_DATE") >=0){
?????if(new Date(obj.value) < tr_begin_date_app || new Date(obj.value) < tr_end_date_app){
??????alert("此‘开始时间’必须大于之前申请时间'!");
??????obj.value = "";
??????obj.focus();
??????return false;
?????}
????}
????
???? if(nameStr.indexOf("TR_END_DATE") >=0){
?????if(new Date(obj.value) < tr_begin_date_app || new Date(obj.value) < tr_end_date_app ){
??????alert("此‘结束时间’必须大于之前申请时间'!");
??????obj.value = "";
??????obj.focus();
??????return false;
?????}
????}
???}
???
??? if(TR_AP_TYPE == "01"){
????setTrDistince();
???}
?}
? //为删除过，则编号顺序正常，此时会检查前后值，否则此处不做检查
?}
?
?//计算并设置时间区间区间
?function setTrDistince()
?{
???? var allRow = document.all.j_1.value;
?? var flag = 0;
?? for(var i=1; i<= allRow; i++){
????//如果对象不存在???????????
????if(typeof(eval("document.all.TR_BEGIN_DATE_"+i)) == "undefined")
????{
?????continue;
????}
????if(eval("document.all.TR_BEGIN_DATE_"+i).value != "")
????{
?????flag = 1;
????}
????
????var tr_begin_date_app = new Date(eval("document.all.TR_BEGIN_DATE_"+i).value);
????var tr_end_date_app? = new Date(eval("document.all.TR_END_DATE_"+i).value);
????
????document.all.TR_BEGIN_DATE.value = eval("document.all.TR_BEGIN_DATE_"+i).value;
????
????if(flag == 1){
????? break;
????}
?? }
??
?? var flag1 = 0;
??? for(var i=allRow; i>0; i--){
????//如果对象不存在
???????????
????if(typeof(eval("document.all.TR_BEGIN_DATE_"+i)) == "undefined")
????{
?????continue;
????}
????if(eval("document.all.TR_END_DATE_"+i).value != "")
????{
?????flag1 = 1;
????}
????
????var tr_begin_date_app = new Date(eval("document.all.TR_BEGIN_DATE_"+i).value);
????var tr_end_date_app? = new Date(eval("document.all.TR_END_DATE_"+i).value);
????
???
????document.all.TR_END_DATE.value = eval("document.all.TR_END_DATE_"+i).value;
????
????if(flag1 == 1){
????? break;
????}
?? }
??
?}
?
?//是都国外出差判断，根据国家判断,
?//循环一次，如果存在国加别不同则说明其为国外出差
?function checkAbTraval(){
? //取得当前行号
?? var allrow = document.all.j_1.value;
???? var for_flag = 0;
??for(var i=1; i<=allrow; i++){?
???
???if(typeof(eval("document.all.TR_BEGIN_DATE_"+i)) == "undefined")
???{
?????? continue;
???}

??? var tr_begin_country = eval("document.all.TR_BEGIN_COUNTRY_"+ i).value;
??? var tr_end_country? = eval("document.all.TR_END_COUNTRY_"+ i).value;
???
???//比较同行国家别相同与否，不同则为国外出差
??? if(tr_begin_country != "" && tr_end_country != ""){
???? if(tr_begin_country != tr_end_country){
????? document.all.TR_AB_FLAG.value = 1;
????? for_flag=1;
???? }else{
????? document.all.TR_AB_FLAG.value = 0;
???? }
??? }
???
??? if(for_flag ==1)
?????? break;
???
??? }
?
?
?
?
? }

</script>

?

<div style="margin-left:2px;width="800px" id="Task_Lable">
?<input type="hidden" name=j_1 />
?<input type="hidden" name=del_flag value = 0 />
?<input type="hidden" name=del_num />
?<input type="hidden" name=real_row />
?<font BORDER=0 CELLPADDING=0 CELLSPACING=1 WIDTH="100%" >
???? <tr>
?????<td colspan="2"? BGCOLOR="#0060A0" rowspan="2"? BGCOLOR="#0060A0" rowspan="2"? BGCOLOR="#0060A0" rowspan="2"? BGCOLOR="#0060A0" rowspan="2"? BGCOLOR="#0060A0" rowspan="2"?? BGCOLOR="#0060A0" name="add" onClick="add_row_task();" value="添加一行"></td>
?</tr>
?</table>
</div>