Question

我正在使用display标签显示表中的数据列表它工作正常但是现在，我想在此表上添加三个更多功能（添加，编辑和删除），就像这个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>

<%

}

%>

Answer 1

将<table>放在<form>内加上内部的三个按钮。确保它们具有相同的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
}

Answer 2

只需使用提交按钮添加/编辑/删除添加<form>。

Answer 3

点击“添加”按钮，可以使用javascript功能打开对话框。编辑按钮。并确认删除框。

<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 javascript函数。 editData函数打开一个对话框并将数据设置到其中，deleteData函数打开html确认框，然后在OK按钮上将id发送到action或servlet类。

您还可以打开用于在“添加”按钮上添加数据的对话框。

使用此方法，您可以使用单页添加，编辑，删除数据。在这里，您不需要表单操作，也不需要将数据发送到另一个页面进行添加和编辑。

如何在显示标记中添加，编辑，删除多个操作

3 个答案: