动态生成表格

于 2010-06-19 07:54:23 发布
阅读量109 收藏
点赞数
文章标签： Bean JavaScript Struts JSP HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chengxiaoyou/article/details/83644920
版权

<%@ page contentType="text/html; charset=utf-8" buffer="100kb" autoFlush="true" %>

<%@ taglib uri="/tags/struts-bean" prefix="bean"%>
<%@ taglib uri="/tags/struts-logic" prefix="logic"%>
<%@ taglib uri="/tags/struts-html" prefix="html"%>
<%@ taglib uri="/tags/struts-nested" prefix="nested"%>

<html:html locale="true">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><bean:message bundle="ic160" key="title.IC160_ADD" /></title>
<script language="javascript" src='/ic/js/XmlRequest.js'></script>
<script language="javascript" src='/ic/js/ValueChangedListener.js'></script>
<script language="javascript" src='/ic/js/global.js'></script>
<script language='javascript' src='/ic/js/ActivePane.js'></script>
<script language="javascript" src='/ic/js/SelectPane.js'></script>

<script language="javascript">

function inputIcShopid()
{ 
 if(document.getElementById("icShopid").value!=""&&document.getElementById("icShopid").value.length>1)
       {
       try{ 
    var url="/ic/IC160_GetIcShopid.do?timeStamp="+new Date().getTime()
    
    var qs="icShopid="+document.getElementById("icShopid").value;
    
    var request=new XMLRequest();
    
    var array=new Array();
    array[0]=request;
    
       request.setCallback(showIcShopid,array)
    
        request.post(url,qs);
   
   }catch (e)
      {
         FDMessager.cry('<bean:message bundle="ic160" key="input.shopid"/>');
            alert(e.message); 
         }
    }
       else
         {
          FDMessager.cry('<bean:message bundle="ic160" key="input.shopid"/>');
            return ;
         }
       
}
function inputIcNature()
{ 
 if(ic160_ADDForm.icNature.value!=""&&document.getElementById("icNature").value.length<2)
       {
       try{ 
    var url="/ic/IC160_GetIcNature.do?timeStamp="+new Date().getTime()
    
    var qs="icNature="+ic160_ADDForm.icNature.value;
    
    var request=new XMLRequest();
    
    var array=new Array();
    array[0]=request;
    
       request.setCallback(showIcNature,array)
    
        request.post(url,qs);
   
   }catch (e)
      {
         FDMessager.cry('<bean:message bundle="ic160" key="input.icNature"/>');
            alert(e.message); 
         }
    }
       else
         {
          FDMessager.cry('<bean:message bundle="ic160" key="input.icNature"/>');
            return ;
         }
}

function inputIcType()
{ 
 if(ic160_ADDForm.icType.value!=""&&document.getElementById("icType").value.length>1)
       {
       try{ 
    var url="/ic/IC160_GetIcType.do?timeStamp="+new Date().getTime()
    
    var qs="icType="+ic160_ADDForm.icType.value;
    
    var request=new XMLRequest();
    
    var array=new Array();
    array[0]=request;
    
       request.setCallback(showIcType,array)
    
        request.post(url,qs);
   
   }catch (e)
      {
       FDMessager.cry('<bean:message bundle="ic160" key="input.icType"/>');
             alert(e.message); 
         }
    }
       else
         {
          FDMessager.cry('<bean:message bundle="ic160" key="input.icType"/>');
            return ;
         }
}
function enterInputIcType()
{ 
 if(ic160_ADDForm.icType.value!="")
       {
       try{ 
    var url="/ic/IC160_GetIcType.do?timeStamp="+new Date().getTime()
    
    var qs="icType="+ic160_ADDForm.icType.value;
    
    var request=new XMLRequest();
    
    var array=new Array();
    array[0]=request;
    
       request.setCallback(showIcType,array)
    
        request.post(url,qs);
   
   }catch (e)
      {
       FDMessager.cry('<bean:message bundle="ic160" key="input.icType"/>');
             alert(e.message); 
         }
    }
       else
         {
          FDMessager.cry('<bean:message bundle="ic160" key="input.icType"/>');
            return ;
         }
}
function inputIcStyle()
{
 if(ic160_ADDForm.icStyle.value!="")
 {
  ic160_ADDForm.add.disabled=false;
  ic160_ADDForm.add.focus() ;
 }
 
}
var showIcShopid = function(_args)
{
 if(!_args||!_args.length||_args.length<1)
 {
     alert("process the result error!");
     return;
 }
 
 var request=_args[0];
 var xmldoc=request.getCoreObject().responseXML;
 var result=new Object();
 try
 {
  var root=xmldoc.getElementsByTagName("feedback")[0];
  var r=root.getElementsByTagName("result")[0];
  
  if(r.firstChild.nodeValue=="failure")
  { 
   
      alert('<bean:message bundle="ic160" key="input.shopid.notexist"/>');
      ic160_ADDForm.icShopid.value="" ;
      ic160_ADDForm.icType.disabled=true;
      ic160_ADDForm.icShopid.focus() ;
      return ;
  }
  FDMessager.cheer('<bean:message bundle="ic160" key="input.shopid.succeed"/>');
  
  ic160_ADDForm.icType.disabled=false;
  ic160_ADDForm.icType.focus();      
 }
 catch(ex)
 {
 }  
}
var showIcType = function(_args)
{
 if(!_args||!_args.length||_args.length<1)
 {
     alert("process the result error!");
     return;
 }
 
 var request=_args[0];
 var xmldoc=request.getCoreObject().responseXML;
 var result=new Object();
 try
 {
  var root=xmldoc.getElementsByTagName("feedback")[0];
  var r=root.getElementsByTagName("result")[0];
  
  if(r.firstChild.nodeValue=="failure")
  { 
   
      alert('<bean:message bundle="ic160" key="input.icType.notexist"/>');
      ic160_ADDForm.icType.value="" ;
      ic160_ADDForm.icNature.disabled=true;
      return ;
  }
  FDMessager.cheer('<bean:message bundle="ic160" key="input.icType.succeed"/>');
  ic160_ADDForm.icNature.disabled=false;
  ic160_ADDForm.icNature.focus() ;      
 }
 catch(ex)
 {
 }  
}
var showIcNature = function(_args)
{
 if(!_args||!_args.length||_args.length<1)
 {
     alert("process the result error!");
     return;
 }
 
 var request=_args[0];
 var xmldoc=request.getCoreObject().responseXML;
 var result=new Object();
 try
 {
  var root=xmldoc.getElementsByTagName("feedback")[0];
  var r=root.getElementsByTagName("result")[0];
  
  if(r.firstChild.nodeValue=="failure")
  { 
   
      alert('<bean:message bundle="ic160" key="input.icNature.notexist"/>');
      ic160_ADDForm.icNature.value="" ;
      ic160_ADDForm.icNature.focus() ;
      ic160_ADDForm.icStyle.disabled=true;
    
      return ;
  }
  FDMessager.cheer('<bean:message bundle="ic160" key="input.icNature.succeed"/>');
  
  ic160_ADDForm.icStyle.disabled=false;
  ic160_ADDForm.icStyle.focus() ;     
 }
 catch(ex)
 {
 }  
}

function X(a1,a2)
{
   this.p1=a1;
   this.p2=a2;
}

var icShopid=new Array();
<logic:iterate id="icSdbshop" name="icShopidList">
icShopid[icShopid.length]=new X('<bean:write name="icSdbshop" property="icShopid"/>',"");
</logic:iterate>
var icType=new Array();
<logic:iterate id="ic160_TypeDesc" name="icTypeList">
icType[icType.length]=new X('<bean:write name="ic160_TypeDesc" property="icType" />','<bean:write name="ic160_TypeDesc" property="icTypeDesc"/>');
</logic:iterate>
var icNature=new Array();
<logic:iterate id="icClass" name="icNatureList">
icNature[icNature.length]=new X('<bean:write name="icClass" property="id" />','<bean:write name="icClass" property="icClassDesc"/>');
</logic:iterate>

 

function init()
{
  var boxes = new Object() ;
  tbody=document.getElementById("resultTableBody");
  boxes.array = new Array() ;
  boxes.icShopid = ic160_ADDForm.icShopid ;
  boxes.array[0]=boxes.icShopid;

  boxes.icType = ic160_ADDForm.icType ;
  boxes.array[1]=boxes.icType;
 
  boxes.icNature = ic160_ADDForm.icNature ;
  boxes.array[2]=boxes.icNature ;
 
  boxes.icStyle = ic160_ADDForm.icStyle;
  boxes.array[3]=boxes.icStyle;
 
  boxes.add = ic160_ADDForm.add ;
  boxes.array[4]=boxes.add ;
  ic160_ADDForm.add.onclick = addRequest ;
  boxes.icShopid.focus();
  ic160_ADDForm.icType.disabled=true ;
  ic160_ADDForm.icNature.disabled=true ;
  ic160_ADDForm.icStyle.disabled=true ;
  ic160_ADDForm.add.disabled=true;
  var filterNumber=function()
      {
        ic160_ADDForm.icShopid.value=ic160_ADDForm.icShopid.value.replace(new RegExp("[^0-9a-zA-Z]","g"),"");
         ic160_ADDForm.icStyle.value=ic160_ADDForm.icStyle.value.replace(new RegExp("[^0-9-.]","g"),"");
      

      }
   new ValueChangedListener(ic160_ADDForm.icStyle,filterNumber);
   new ValueChangedListener(ic160_ADDForm.icShopid,filterNumber);
   new ValueChangedListener(ic160_ADDForm.icType,function(){ic160_ADDForm.icType.value=ic160_ADDForm.icType.value.toUpperCase();});
   new ValueChangedListener(ic160_ADDForm.icNature,function(){ic160_ADDForm.icNature.value=ic160_ADDForm.icNature.value.toUpperCase();});
   new ValueChangedListener(ic160_ADDForm.icShopid,function(){ic160_ADDForm.icShopid.value=ic160_ADDForm.icShopid.value.toUpperCase();});
   new ValueChangedListener(ic160_ADDForm.icStyle,
        function()
         {if(ic160_ADDForm.icStyle.value!="")
          {
           ic160_ADDForm.add.disabled=false;
          }
         });
  
    //boxes.array[0].attachEvent("onclick",inputIcShopid);
 
   // boxes.array[1].attachEvent("onclick",inputIcType);
  
   // boxes.array[2].attachEvent("onclick",inputIcNature);
  
 
   var property=new Array();
   property[0]="p1";
   var propertyDesc=new Array();
   propertyDesc[0]="p2";
   property[1]=propertyDesc;
 
   new SelectPane(ic160_ADDForm.icShopid,icShopid,property);
   new SelectPane(ic160_ADDForm.icType,icType,property);
   new SelectPane(ic160_ADDForm.icNature,icNature,property);
  
  var doEnterButton = function()
   {
     var e = EventHelper.getEvent(arguments);
     if(e==null || e.keyCode!=13)
     {
       return;
     }
  
   }
 
   if(document.attachEvent)
   {
      boxes.add.attachEvent("onkeypress",doEnterButton);
   }
   else
   {
      boxes.add.addEventListener("keypress",doEnterButton);
   }
    var doEnterEditBox = function()
   {
      var position=0;
      var e = EventHelper.getEvent(arguments);
      if(e==null || e.keyCode!=13)
      {
         return ;
      }
      for(var i=0;boxes.array.length;i++)
      {
         if(boxes.array[i]==e.srcElement)
         {
            position = i;
            break;
         }
      }
      var box = null;
      inputIcStyle();
      enterInputIcType();
   /*   switch(position)
      {
       case 0:inputIcShopid();
         
           break;
       case 1:inputIcType();
           break;
       case 2: inputIcNature() ;
               break;
       case 3: inputIcStyle();
          break;
      } */
  }
  if(document.attachEvent)
  { 
     for(var i=0;i<5;i++)
     { 
        boxes.array[i].attachEvent("onkeypress",doEnterEditBox);
       
     }
  }
  else
  {
  }
  new ValueChangedListener(boxes.array[0],inputIcShopid);
   
  new ValueChangedListener(boxes.array[1],inputIcType);
 
   new ValueChangedListener(boxes.array[2],inputIcNature);
 
}

 function addRequest()
 {
 try{
  var url="/ic/IC160_ADD.do?timeStamp="+new Date().getTime();
  
  var qs="icShopid="+ic160_ADDForm.icShopid.value
         +"&icType="+ic160_ADDForm.icType.value
     +"&icNature="+ic160_ADDForm.icNature.value
     +"&icStyle="+ic160_ADDForm.icStyle.value;
  
  var request=new XMLRequest();
  var array=new Array();
  array[0]=request;
  request.setCallback(parseGettingResult1,array);
  request.post(url,qs);
 
    }
    catch(e)
    {
     FDMessager.cry('<bean:message bundle="ic160" key="input.icNature"/>');
   alert(e.message);  
   }
  
  
 }
 
function parseGettingResult1(_args)
 {
  
 if(!_args||!_args.length||_args.length<1)
 {
    alert("process the result error!");
    return;
 }

 var request=_args[0];
 var xmldoc=request.getCoreObject().responseXML;
 var result=new Object();
 icShopid=ic160_ADDForm.icShopid.value
    icType=ic160_ADDForm.icType.value;
    icNature=ic160_ADDForm.icNature.value;
    icStyle=ic160_ADDForm.icStyle.value;
 try
 { 
   var root=xmldoc.getElementsByTagName("feedback")[0];
   var r=root.getElementsByTagName("result")[0];
  
   for(var i=0;i<tbody.childNodes.length;i++)
   {
  
     if(i>=0)
     {
      var getNode=tbody.childNodes[i];
     
      if(icShopid==getNode.childNodes[0].innerHTML&&
       icType==getNode.childNodes[1].innerHTML&&
       icNature==getNode.childNodes[2].innerHTML){
       getNode.childNodes[0].innerHTML="*"+getNode.childNodes[0].innerHTML;
       
      }
    
     }
  }
  addTableRow(icShopid,icType,icNature,icStyle);
  clearText();
  if(r.firstChild.nodeValue=="failure")
   {
       FDMessager.cheer('<bean:message bundle="ic160" key="ic160.add.succeed"/>');
     }
     else
      {
   
       FDMessager.cheer('<bean:message bundle="ic160" key="ic160.modify.succeed"/>');
      }
    
 } catch(e)
    {
      FDMessager.cry('<bean:message bundle="ic160" key="ic160.modifyOrAdd.failure"/>');
     alert(e.message);  
   } 
 
   
 //document.getElementById("resultTable").setAtrribute("border","0");
}
var tbody=null;  
 function addTableRow(icShopid,icType,icNature,icStyle){
 
 var row=document.createElement("tr");
 
 var cell=createCellWithText(icShopid);
 
 row.appendChild(cell);
 
 var cell=createCellWithText(icType);
 row.appendChild(cell);
 
 var cell=createCellWithText(icNature);
 row.appendChild(cell);
 
 var cell=createCellWithText(icStyle);
 row.appendChild(cell);
 if(tbody.childNodes!=null&&tbody.childNodes.length>0)
    { 
        tbody.insertBefore(row,tbody.childNodes[0]);
     }
    else
     {
         tbody.appendChild(row);
     }
 
 
}

function createCellWithText(text){
 var cell=document.createElement("td");
 
 var textNode=document.createTextNode(text);
 cell.appendChild(textNode);
 
 return cell
}

function createReport(){
 ic160_ADDForm.action="/ic/IC160_LogRPTServlet" ;
   ic160_ADDForm.submit();
 
}
function clearText()
{
  
 document.ic160_ADDForm.icShopid.value="" ;
 
    ic160_ADDForm.icType.value="" ;
   ic160_ADDForm.icNature.value="" ;
 ic160_ADDForm.icStyle.value="" ;
 
 ic160_ADDForm.icShopid.disabled=false ;
 ic160_ADDForm.icType.disabled=true ;
   ic160_ADDForm.icNature.disabled=true ;
   ic160_ADDForm.icStyle.disabled=true ;
   ic160_ADDForm.add.disabled=true;
 ic160_ADDForm.icShopid.focus() ;
 
} 
 

</script>


<%@ include file="/WEB-INF/jsp/HEAD_INC.jsp"%>
</head>

<body style="margin:0px;" οnlοad="init()"  >
<%@ include file="/WEB-INF/jsp/BEGIN_INC.jsp"%>


<center><html:form action="/IC160_ADD.do" method="post">
 <i  name="ESC"/>
 <table border="0" align="center">
  <tr>
   <td><bean:message bundle="ic160" key="label.code.IC160.icShopid" />:</td>
   <td><html:text property="icShopid" size="12" maxlength="2"/></td>
  </tr>
  <tr>
   <td><bean:message bundle="ic160" key="label.code.IC160.icType" />:</td>
   <TD><input name="icType" type="text"  id="icType" size="12" maxlength="2" /></TD>
  <tr>
   <td><bean:message bundle="ic160" key="label.code.IC160.icNature" />:</td>
    <TD><input name="icNature" type="text" id="icNature" size="12" maxlength="1"/></TD>
   
  </tr>
  <tr>
   <td><bean:message bundle="ic160" key="label.code.IC160.icStyle" />:</td>
   <TD><input type="text" name="icStyle" size="12" maxlength="6" /></TD>
  </tr>

  <td colspan="5">
  <table border="0">
   <tr>
    <td align="right" width="50%"><input name="add" type="button"
     id="add"
     value="<bean:message bundle='ic160' key='button.IC160.confirm'/>" />
    </td>

    <td align="left" width="25%"><input name="clear" type="button"
     id="clear" onClick="clearText();"
     value="<bean:message bundle='ic160' key='button.IC160.cancel'/>" /></td>

    <td align="left" width="25%"><input name="report" type="button"
     id="report" onClick="createReport();"
     value="<bean:message bundle='ic160' key='button.IC160.logReport'/>" />
    </td>
   </tr>

  </table>
  </td>
 </table>

 <div style="width:55%;height:240;overflow:auto;line-height:14pt;"border="1">
 <table style="border-collapse:collapse;width:100%" border="1"
  id="resultTable">
  <tr>
   <td align="center" width="5%"><bean:message bundle="ic160"
    key="label.code.IC160.icShopid" /></td>
   <td align="center" width="5%"><bean:message bundle="ic160"
    key="label.code.IC160.icType" /></td>
   <td align="center" width="5%"><bean:message bundle="ic160"
    key="label.code.IC160.icNature" /></td>
   <td align="center" width="5%"><bean:message bundle="ic160"
    key="label.code.IC160.icStyle" /></td>
  </tr>

  <tbody style="overflow: scroll" id="resultTableBody" align="center" >

  </tbody>
 </table>
 
 </div>
 
</html:form></center>
<%@ include file="/WEB-INF/jsp/END_INC.jsp"%>
</body>
</html:html>

chengxiaoyou
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值