Question

我正在尝试创建一个网页，其中包含使用Struts 2执行操作的历史记录。提交后，包含上一页参数的行将添加到我的历史记录表中我想要做的是允许用户通过检查一行或多行并按“删除所选项”按钮从该表中删除记录。
编辑：使用列表对象动态创建表，所以我不想删除html行，但我需要从列表中删除记录。

表格创建如下：

<table>
    <tr>
        <th></th>
        ...
    </tr>
    <s:iterator value="myList">
        <tr>
            <td>
                <input type="checkbox" />
            </td>
            <td>
                <!-- other stuff -->
            </td>
        </tr>
    </s:iterator>
</table>

这样，使用我所知道的，我只能使用Javascript迭代复选框。

要获取行号我正在使用Javascript

 function checkRows() {
     var rowsIndex;
     var rows = document.getElementById('historyTable').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
     for (i = 1; i < rows.length; i++) {
         if(rows[i].getElementsByTagName('td')[0].getElementsByTagName('input')[0].checked) {
             // here "i" is the row number if checked
         }
     }
 }

这是按钮

   <s:url id="urlRemove" action="myAction">
       <s:param name="rowsIndex">
           <!-- List of index of selected rows -->
       </s:param>
   </s:url>
   <s:a href="%{urlRemove}">
       <input type="button" value="Remove Selected" />
   </s:a>

我知道在我提交用Javascript修改后的内容丢失了所以我想我必须用Javascript中的已检查行号填充Action中的列表或者分配给<s:param name="rowsIndex">一个属性但我还有用javascript迭代行。
感谢任何帮助。谢谢。

Answer 1

nmc的答案指向标准方式。依赖Javascript是不必要的，IMO在这里很难看。但是nmc的解决方案也存在一个问题：通过在某个动态列表中占据的位置来识别要删除的项目非常危险。（如果在此期间有人添加/删除某些项目会怎么样？如果用户双重提交或返回并重新提交该怎么办？）

您应该通过一些独特的稳定密钥识别每个项目，您的行动可以解决这个问题。例如，假设您的操作使用安全密钥提供地图中的项目：

public class CheckBoxSampleAction extends ActionSupport
  private Map<Integer, DataWrapper> mymap; // data to show, with "secure stable" keys

  public Map<Integer, DataWrapper> getDataAsMap() {
       // fill lazyly mymap and return it
  } 

  public Set<Integer> getMapKeys(){
        return getDataAsMap().keySet();
  }

  private class DataWrapper {
    private String myvalue;
    private boolean selected; // for checkbox
        ... // more properties, getters, setters...
  }
 }

在你的jsp：

<s2:form theme="simple">
<table>
<s2:iterator value="mapKeys"><tr>
<td><s2:property value="dataAsMap[top].mivalue"/></td>
<td><s2:checkbox name="dataAsMap[%{top}].selected" theme="simple"/></td>
...
</tr></s2:iterator>
</table>
<s2:submit value="Remove selected" method="remove"/>
</s2:form>

Answer 2

在不知道您具体情况的其他细节的情况下，我建议您改变实施方式。使用表单标记环绕列表迭代，以便您可以轻松地将其提交给操作，同时传递所有必要的信息，如下所示：

<s:form id="urlRemove" action="myAction">
  <s:iterator value="historyList" status="rowStatus">
    <s:checkbox name="rowsIndexToRemove" value="#rowStatus.index"/>
    <!-- output row details -->
  </s:iterator>
  <s:submit value="Remove Selected" />
</s:form>

删除选定的行 - Struts2

2 个答案: