2012-06-27 1 views
-1

자바 스크립트 대신 JSP/서블릿에서 동적 행을 만드는 대체 메커니즘이 있습니까?자바 스크립트 대신 JSP/서블릿에서 동적 행 만들기

JS 코드 : -

var table = document.getElementById('table1'); 
        var tr = document.createElement('TR'); 
    var td1 = document.createElement('TD'); 
    var td2 = document.createElement('TD'); 
    var td3 = document.createElement('TD'); 
    var td4 = document.createElement('TD'); 
    var inp1 = document.createElement('INPUT'); 
    var inp2 = document.createElement('INPUT'); 
       var inp3 = document.createElement('INPUT'); 
    inp1.setAttribute("Name", "purpose"); 
    inp1.setAttribute("id", purpose"+reclength); 
    inp2.setAttribute("Name", "Amount"); 
    inp2.setAttribute("id", "Amount"+reclength); 
    inp3.setAttribute("Name", "dt"); 
    inp3.setAttribute("id", "dt"+reclength); 
    var deleteIcon  = document.createElement('IMG'); 
    deleteIcon.setAttribute('src', '<%=basePath%>images/cancelIcon.gif'); 
    deleteIcon.onclick = function(){ 
     removeWthDrwls(tr); 
    } 
    table.appendChild(tr); 
    tr.appendChild(td1); 
    tr.appendChild(td2); 
    tr.appendChild(td3); 
    td1.appendChild(inp1); 
    td2.appendChild(inp2); 
    td3.appendChild(inp3); 
    td3.appendChild(space2); 
    td3.appendChild(deleteIcon); 

하지만 사용자가 사용할 경우 자바 웹 응용 프로그램에서 그/그녀에게 대체 솔루션을 제공하기 위해 최선의 방법이 무엇인지 javascript.So?

답변

0

JSP 여기 예를 들어 당신이 .. 동적 행을 만들 수있는 JSP 같은 방법으로 테이블을 만드는 방법을 주어 JSP: Creating Dynamic Tables

를 참조에 동일한 작업을 수행 할 수 당연히 이

텐 열을 추가 할 수 있습니다

다음과 같이 TR 태그 내에 루프 서로 중첩하여 각 행 :

<TABLE> 
<% for(int row=1; row <= 5; row++) { %> 
    <TR> 
<%  for(int col=1; col<=10; col++) { %> 
     <TD> (<%=col%>, <%=row%>) 
     </TD> 
     <% } %> 
    </TR> 
<% } %> 
</TABLE> 

각 셀 튜플 (COL, 로우)으로의 행과 열의 수를 포함한다.

+0

그러나 단추 이벤트를 기준으로 dyanamcially 행을 증가시키는 방법. – user1357722

+0

데이터를 뒤로 저장할 수 있으며 페이지 새로 고침시 테이블 형태로 목록을 표시 할 수 있습니다. –