2012-05-11 15 views
0

表示タグを使用して、それが正常に動作しているテーブルのデータのリストを表示していますが、3つの追加機能を追加します(追加、編集、削除)同様に、このようなhttp://raibledesigns.com/display-edit/index.jspこのテーブルの上に以下のコードをチェックして、私は複数のアクションの使用方法表示タグでの追加、編集、削除

<% 
List listOfOffice = (List) request.getAttribute("listOfOffice"); 
if(listOfOffice != null) 
{ 
session.setAttribute("listOfOffice ", listOfOffice); 
} 
%> 

/* 

    some code here 

*/ 

<% 
if(session.getAttribute("listOfOffice ") != null) 
{ 
%> 

<table align="center" width="600" border="1" cellpadding="1" cellspacing="1"> 
<tr>  
<td valign="top" class="border" height="200"> 
<display:table id="tableId" name="sessionScope.listOfROOffice" cellspacing="2" cellpadding="1" pagesize="5" requestURI="addnewrooffice.do" export="false"> 
<display:column title="Sr. No." style="width:5%">    
<c:out value="${tableId_rowNum}"/> 
</display:column> 
<display:column property="roOfficeId" title="RO Office Id" style="width:5%"/> 
<display:column property="roOfficeName" title="RO Office Name" style="width:15%"/> 
</display:table> 
</td> 
</tr> 
</table> 

<% 

} 

%> 

答えて

0

ただ、追加/編集/削除提出ボタンで<form>を追加を行うために必要なものを修正私を提案してください。

1

<form>の中に<table>を入れて、3つのボタンを内側に追加します。それらの属性が同じnameであることを確認してください。

<input type="submit" name="btn" value="Add" /> 
<input type="submit" name="btn" value="Edit" /> 
<input type="submit" name="btn" value="Delete" /> 

フォームが送信された後、あなたはあなたのjavaファイルに条件文を実行することができます。

if("Add".equals(request.getParameter("btn"))){ 
//do something 
}else if("Edit".equals(request.getParameter("btn"))){ 
//do something 
}else{ 
//do something 
} 
0

あなたが追加& [編集]ボタンのクリック時にダイアログボックスを開くためのJavaScript関数を使用することができます。削除するボックスを確認します。ここで私はeditDataとJavaScript関数deleteDataを使用

<display:table id="tableId" name="sessionScope.listOfROOffice" cellspacing="2" cellpadding="1" pagesize="5" requestURI="addnewrooffice.do" export="false"> 
    <display:column title="Sr. No." style="width:5%">    
     <c:out value="${tableId_rowNum}"/> 
    </display:column> 
    <display:column property="roOfficeId" title="RO Office Id" style="width:5%"/> 
    <display:column property="roOfficeName" title="RO Office Name" style="width:15%"/> 
    <display:column title="Edit"> 
     <a href="#" onclick="editData('${tableId.rowNum}', '${tableId.roOfficeId}', '${tableId.roOfficeName}')">Edit</a> 
    </display:column> 
    <display:column title="Delete"> 
     <a href="#" onclick="deleteData('${tableId.rowNum}')">Edit</a> 
    </display:column> 
</display:table> 

editData関数は、ダイアログボックスを開き、その中にデータを設定し、deleteData関数を開いてhtmlの確認ボックスを開き、OKボタンでIDをアクションまたはサーブレットクラスに送信します。

[追加]ボタンでデータを追加するダイアログボックスを開くこともできます。

この方法を使用すると、1ページでデータを追加、編集、削除できます。ここではフォームアクションは必要ありません。また、追加と編集のために別のページにデータを送信する必要はありません。

関連する問題